2016-06-19 4 views
-2

Ich habe diesen einfachen HTML/CSS-Code unten. Wenn ich versuche, die Schriftgröße in meiner "Willkommen" -Klasse zu ändern, wendet sie nicht tatsächlich die Schriftgröße, Hintergrundfarbe, Schriftgröße usw. auf irgendeinen Inhalt des div an.div hat ID und Klasse, aber Klasse gilt nicht für das div

Könnte ich bitte eine Erklärung bekommen, warum das passiert. Das DIV selbst hat eine ID und eine Klasse.

<html> 
<head> 
    <style> 
    .welcome { 
    font-weight: bold; 
    font-size: 50%; 
    font-style: oblique; 
    background-color: yellow; 
    } 


    a:hover { 
    font-size: 500%; 
    } 

    #greeting { 
    position: absolute; 
    top: 200px; 
    left: 100px; 
    text-align: left; 
    } 

    p { 
    color: green; 
    } 
    </style> 

</head> 


<body> 
<div id="greeting" class=”welcome”> 

Sample Text 
<p>Thank you for coming here!</p> 
<p>Welcome to <a href=”ltu.html”>La Trobe</a></p> 
<p>Thank you for coming here!</p> 
</div> 
</body> 

</html> 
+3

Sie verwenden '“ 'charachter für Klasse, einfach verwenden' "' oder ' '' und es wird gut funktionieren, ist es auch das gleiche für Ihren Anker des href –

+1

Die Frage wurde abgelehnt, da das Problem durch einen einfachen Tippfehler verursacht wurde. –

+0

FLUCH DES COPYPASTERS: D – Hrabosch

Antwort

3

Ich glaube, Sie könnten den Code kopiert von irgendwo, die Anführungszeichen Sie verwendet haben, sind nicht die richtigen sind.

Statt

class=”welcome” 

sollte es

class="welcome" 

(für andere Teile des Codes gleich) sein

0

Versuchen Sie (') anstelle von doppelten Anführungszeichen ("). Das scheint das Problem zu sein

1

Sie haben falsches Zeichen verwendet, um Ihre Klasse zu definieren, stattdessen u se Doppel- oder Apostroph, wie unten,

<div id="greeting" class=”welcome”><!--This is incorrect--> 
<div id="greeting" class="welcome"><!--Use this--> 
<div id="greeting" class='welcome'><!--Or this one--> 
+0

Butterfly

+1

@inclient Jetzt ist es in Ordnung :-) – frnt

Verwandte Themen