Der Klassenselektor spricht alle Elemente an, die eine bestimmte Klasse tragen. Das ist das übliche Mittel, um Gestaltung gezielt zu vergeben.
- Klassenselektor
Selektor aus einem Punkt und einem Klassennamen, der alle Elemente mit dieser Klasse trifft.
Beispiel: „Ein Klassenselektor beginnt immer mit einem Punkt.“
Kombinieren
.karte { }
.karte.hervorgehoben { }
.karte .titel { }Ohne Leerzeichen aneinandergeschrieben heißt: dasselbe Element trägt beide Klassen. Mit Leerzeichen heißt es: das zweite liegt irgendwo im ersten. Der Unterschied ist ein Zeichen und wird regelmäßig verwechselt.
Das Gewicht
Jede Klasse zählt 0-1-0. Zwei Klassen schlagen eine, aber alle Klassen der Welt verlieren gegen eine ID. Weil Klassen flach bleiben und beliebig oft vorkommen dürfen, sind sie für die Gestaltung die erste Wahl.