Selektoren
Im einfachsten Fall ist der Selektor einfach nur ein Tag-Name. Im obigen Beispiel ist der Selektor h1, der Tag-Name der Überschrift ist ebenfalls h1. Deshalb werden die Deklarationen für Farbe und Schriftart nur auf die Überschrift angewandt.
Im Kapitel zu HTML haben wir bereits die id und class Attribute kennengelernt. Diese ermöglichen es, ein einziges Element eindeutig zu identifizieren oder eine Klasse von Elementen gemeinsam anzusprechen.
Das Element mit einer bestimmten ID kann mit einem führenden # vor der ID ausgewählt werden. Alle Elemente einer bestimmten Klasse können mit einem führenden . vor der Klasse ausgewählt werden.
Besondere Überschrift
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Wichtige Anmerkung
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
h1 { color: rebeccapurple; } #special-heading { font-family: cursive; } .important { text-transform: uppercase; }Dieses Beispiel zeigt auch, dass Deklarationen aus mehreren rule sets auf ein Element angewandt werden können. In diesem Fall trifft das erste rule set auf beide Überschriften zu. Die beiden letzten rule sets treffen zusätzlich jeweils auf die erste bzw. die zweite Überschrift zu.
Selektoren können auch kombiniert werden. Die Deklarationen im folgenden Beispiel gelten für alle Elemente, deren Tag-Name h1 oder p ist:
Herzlich Willkommen
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
h1, p { color: darkblue; font-family: monospace; }