Cascading Style Sheets (CSS)

Style Sheet Syntax

Selektoren

In der allgemeinen Syntax einer Style-Sheet Regel ist der Selektor derjenige Teil, der aussagt, wozu die ganzen Angaben gut sind. Da gibt's mehrere Möglichkeiten, die in der folgenden Tabelle beschrieben sind. Fürs Verständnis der Funktionsweise von Style Sheets reicht am Anfang die erste (einfachste) Variante. Die andern werden hier erklärt, damit du - wenn du sie irgendwo mal antriffst - auf diese Erklärungen zurückgreifen kannst.

h1	Der einfache Selektor ist ein Tag-Name und bedeutet, dass die nachfolgenden Angaben für die Darstellung dieses Tags verwendet werden müssen.
h1,h2	Gelten die Angaben für mehrere Tags, so können diese mit Kommas getrennt angegeben werden.
p em	Kontext-Selektoren überschreiben einfache Selektoren. Hier werden z.B. Eigenschaften für den EM-Tag definiert, die nur gelten, wenn der EM-Tag innerhalb eines P-Bereichs steht.
tag.class	Der Tag-Selektor kann mit einer Class ergänzt werden. Damit können für ein und denselben Tag verschiedene Darstellungen definiert werden, die dann über das `class` Attribut im Tag selektiert werden. So würde der Selektor `p.merke` für Absätze gelten, die mit `<p class="merke">`eingeleitet werden.
.class	Wird nur eine Class angegeben, aber kein Tag, so gelten die folgenden Angaben für jeden Tag, der die Class im Attribut nennt.
#xxx	Dies ist ein sogenannter ID-Selektor. Er bezieht sich normalerweise gar nicht auf einen Tag, sondern wird umgekehrt in einem Tag mit Hilfe des `Id` Attributs referenziert. (Gedacht für individuelle Spezifikationen)
A:pseudoclass	Zu einem Selektor kann eine Pseudo-Class angegeben werden. Pseudo, weil die Class-Zugehörigkeit nicht vom Autor, sondern vom Browser erkannt wird. Beispiel: ob ein Link schon besucht worden ist oder nicht. `a:visited` Gegenwärtig nur für Links in Gebrauch; die pseudo-Klassen sind `link, visited, hover, active`
A.class:pseudoclass	Pseudo-Classes sind auch in Kombination mit normalen Classes zu gebrauchen.
P:pseudoelement	Zu einem Selektor kann ein Pseudo-Element angegeben werden. Pseudo, weil nicht der Autor, sondern der Browser erkennt, welches das Element ist: zum Beispiel die erste Zeile eines Absatzes. `p:first-line` Gegenwärtig nur für Absätze in Gebrauch; die pseudo-Elemente sind `first-line` und `first-letter.`
A.class:pseudoelement	Pseudo-Elemente sind auch in Kombination mit normalen Classes zu gebrauchen.