CSS-Selektoren, Vererbung und Kaskade

Elemente gezielt auswählen und Konflikte über Beziehungen, Vererbung, Spezifität und Reihenfolge erklären.

Kostenlos · Ohne Zeitlimit · In deinem Tempo

Zuerst verstehen ↓

Dein nächster Schritt

Neues verstehen.

Schritt für Schritt.

Übe, überprüfe dein Wissen und lerne aus deinen Antworten.

Fragen: 10
Dauer: ca. 5–10 Min.
Internes Trainingsziel: 60 %

Verstehen
Grundlagen in Ruhe anschauen.
Ausprobieren
Antworten wählen und bei Bedarf ändern.
Weiterkommen
Nach der Abgabe Lösungen mit Erklärungen sehen.

VERSTEHEN

Kurz erklärt. Gut vorbereitet.

Grundlage und Beispiel

Typselektoren wählen Elementnamen, .klassen mehrere passend markierte Elemente und #ids ein eindeutiges Element. Ein Komma gruppiert Selektoren. Ein Leerzeichen wählt Nachfahren, > direkte Kinder, + das direkt folgende Geschwister und ~ spätere Geschwister desselben Elternteils. Vererbte Eigenschaften wie color oder font-family können von Vorfahren stammen. Bei vergleichbarer Herkunft und Wichtigkeit entscheidet zuerst die Spezifität und bei Gleichstand die spätere Regel. !important ist eine Wichtigkeitsstufe, keine zusätzliche ID-Spezifität.