Selektor für direkt über- und untergeordnete Elemente
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Mit einem Selektor für direkt über- und untergeordnete Elemente (engl. parent-child selector) können Sie Stilregeln für HTML-Elemente definieren, die einem anderen Dokument in der Vererbungskette direkt nachfolgen müssen. Dieser Selektor ist damit ein spezieller Fall des Selektors für Nachfahren.
Ein Selektor für direkt über- und untergeordnete Beziehung wird in der Stilregel mit einem »>«-Zeichen gekennzeichnet. Betrachten wir die folgende CSS-Stilregel:
body > p {
font-weight: bold;
}
Im folgenden Beispiel trifft die Regel nur auf para2 zu, weil para1 und para3 keine direkten Nachfahren vom body-Element sind.
<body>
<div class="seitenleiste">
<p id="para1">Das ist die Seitenleiste.</p>
</div>
<p id="para2">Willkommen auf der Webseite! Hier die Liste:</p>
<ul>
<li>
<p id="para3">Das ist der erste und letzte Abschnitt der Liste.</p>
</li>
</ul>
</body>
Zur Zeit der Drucklegung ist ausgerechnet der Internet Explorer für Windows (bis inklusive Version 6), der aktuell wichtigste Browser, der Selektoren für direkt über- und untergeordnete Elemente nicht unterstützt. Den Selektor sollte man daher nur dann verwenden, wenn eine Seite absichtlich nicht mit dem Internet Explorer für Windows dargestellt werden soll.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" 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.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg