Nachkommen-Selektoren (Kontext-Selektoren)
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Nachkommen-Selektoren kommen in der Reihenfolge als nächste und können die Definitionen von Typen- und Klassen-Selektoren überschreiben. Typischerweise bestehen sie aus zwei Elementen, wobei das zweite Elemente ein »Nachkomme« des ersten sein muss:
li a {
text-decoration: none;
}
Um das Ergebnis zu sehen, müssen Sie unser Beispiel um HTML-Code erweitern, in dem ein a-Element innerhalb eines li-Elements steht, wie in der nächsten Abbildung gezeigt:
<ul id="navigation">
<li class="warning"><a href="http://csscookbook.com">Äpfel</a></li>
<li><a href="http://csscookbook.com">Bananen</a></li>
<li><a href="http://csscookbook.com">Kirschen</a></li>
</ul>
Abbildung: Die Links innerhalb der Liste werden vom Nachkommen-Selektor ausgewählt.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln