Klassen: Wie geht es richtig?
0 
Felix Riesterer
0
Klassen: Wie geht es richtig?
Hallo!
Ich habe ein kleines Problem mit den Klassendefinitionen in meiner CSS Datei.
Wie ist es richtig?
h1.mybody {...} oder .mybody h1 {...}
div.mybody {...} oder .mybody {...}
a.mybody:hover {...} oder .mybody a:hover{...}
Gibt es da einen Unterschied? Ich meine bis jetzt immer h1.mybody und ähnliche Definitionen benutzt zu haben, aber in meinem aktuellen HP Projekt klappt das so nicht. Nur .mybody h1{...} funktioniert.
Die h und a werden in einem <div class=mybody></div> benutzt.
MfG
MisterWho
-
Lieber MisterWho,
in meinem aktuellen HP Projekt klappt das so nicht. Nur .mybody h1{...} funktioniert.
Die h und a werden in einem <div class=mybody></div> benutzt.
das ist auch richtig so. Warum solltest Du denn alle Elemente mit einer Klasse auszeichnen, wenn Du ein übergeordnetes Element damit (und per Selektoren die darin enthaltenen Elemente) versehen hast?
element.klasse subelement subsubelement { eigenschaft: wert; }Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Hi
h1.mybody {...} oder .mybody h1 {...}
div.mybody {...} oder .mybody {...}
a.mybody:hover {...} oder .mybody a:hover{...}h1.mybody spricht ein h1 an, welches der Klasse mybody zugewiesen wurde.
.mybody h1 spricht ein h1 an, welches IN einem Element sitzt welches der Klasse mybody zugewiesen wurde.
Ich hoffe ich konnte helfen
Sut-
Hallo!
Das heißt, wenn ich:
<h1 class="mybody>Text</h1> schreibe, greift das auf h1.mybody zu während<div class="mybody">
<h1>text</h1>
</div>auf .mybody h1 zugreift, weil das h in einem div Element sitzt?
MisterWho
-
Hi,
Das heißt, [...]
korrekt. Das Leerzeichen ist der Nachfahrenselektor (bzw. Kontextselektor).
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Aha!
Vielen dank an alle!
MisterWho
-
Hallo nochmal
Vielen dank an alle!
Mal schaun wie viel gelernt hast :)
Würde
div.mybody h1auf folgenden Code greifen
<div style="border:1px solid #fff;"><h1 class="mybody">ABCDEFG</h1></div>?
MfG
Sut
-
-
-
-