Pseudoelemente
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
In den meisten Fällen verwendet ein Webentwickler Selektoren, die sich auf Elemente und ihre Position innerhalb des Dokuments beziehen, um diesem bestimmte Stile zuzuweisen. Bestimmte Elemente eines Dokuments lassen sich aber auch ansprechen, ohne dass diese speziell markiert werden müssen. Dies geschieht mit Hilfe der sogenannten Pseudoelemente :first-letter, :first-line, :before und :after.
Ein Beispiel für die Verwendung des Pseudoelements :first-letter sehen Sie hier. Die Browserdarstellung finden Sie in der folgenden Abbildung:
p:first-letter {
font-size: 200%;
font-weight: bold;
}
Abbildung: Der erste Buchstabe erhält eigene Stildefinitionen.
Oder Sie verwenden :first-line (siehe die folgende Abbildung), um gleich der gesamten ersten Zeile einen eigenen Stil zuzuweisen. Auch wenn die erste Zeile keinen vollständigen Satz oder den Anfang eines zweiten Satzes enthält, werden die mit :first-line definierten Regeln immer auf die gesamte erste Zeile angewandt.
Abbildung: Die gesamte erste Zeile erhält eigene Stildefinitionen.
Siehe auch
Weitere Informationen finden Sie in der CSS 2.1-Spezifikation im Abschnitt zu Selektoren. Selectutorial ist eine Anleitung für die Verwendung von CSS-Selektoren. Westciv: browser support - Selectors zeigt, welche Browser welche Selektoren unterstützen. CSS 2.1: Selektoren, Pseudoklassen und Pseudoelemente enthält eine Liste der CSS-Selektoren.
| << 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