Selektoren für benachbarte Elemente
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Benachbarte Elemente haben nichts mit der Vererbung zu tun. Als benachbart gelten auf einer Seite Elemente, die im HTML-Dokument direkt aufeinander folgen. Sie dürfen jedoch nicht ineinander verschachtelt sein, sondern müssen sich im Vererbungsbaum auf derselben Ebene befinden. Zum besseren Verständnis schauen wir uns den folgenden HTML-Ausschnitt an:
<h1>Das hier ist wichtig!</h1>
<h2>Die erste wichtige Sache</h2>
<h2>Die zweite wichtige Sache</h2>Die erste der h2-Überschriften ist ein Nachbar der h1-Überschrift. Die zweite h2-Überschrift ist kein Nachbar der h1-Überschrift, da sie nicht unmittelbar vor oder nach ihr steht.
In der Schreibweise einer Stilregel werden die Nachbarelemente mit einem Pluszeichen (+) verbunden:
h1 + h2 {
margin-top: 11px;
}Diese Stilregel sorgt für einen Abstand von elf Pixeln zwischen einer h1-Überschrift und der direkt folgenden h2-Überschrift. Gibt es im HTML-Dokument noch einen Textabsatz zwischen den beiden Überschriften, zählen h1 und h2 nicht als benachbart und die Stilregel kommt nicht zum Einsatz.
Auch hier ist der Internet Explorer für Windows (bis inklusive Version 6) der einzige, aber leider wichtigste Browser, der diesen Selektortyp nicht unterstützt. Die Unterstützung ist für die Version 7 angekündigt. Deshalb ist der Nachbar-Selektor bisher noch selten auf Webseiten zu finden.
| << 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