Zum Inhalt springen

Nachfahrenselektor

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Der Nachfahrenselektor ist das Leerzeichen zwischen zwei Selektoren. Es meint eine Beziehung: irgendwo innerhalb, gleich wie tief.

Nachfahrenselektor

Kombinator aus einem Leerzeichen, der Elemente irgendwo innerhalb eines anderen auswählt.
Beispiel: „Der Nachfahrenselektor fragt nicht, wie tief ein Element liegt.“

Wie er wirkt

article a { color: #0078ff; }

Trifft jeden Link innerhalb eines Artikels, auch wenn er fünf Ebenen tiefer in einer Liste in einem Kasten steht. Das ist bequem und zugleich der Grund, warum solche Regeln überraschend weit greifen.

Die Alternative

Soll nur die unmittelbare Ebene gemeint sein, führt der Weg über den Kindselektor. Und wenn eine Regel wirklich nur einen bestimmten Bestandteil treffen soll, ist eine eigene Klasse meist klarer als jeder Pfad.

Siehe auch:

Kombinator (CSS)

Das Zeichen zwischen zwei Selektoren, das ihre Beziehung beschreibt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Kindselektor

Der Pfeil meint die unmittelbare Ebene darunter.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Selektor (CSS)

Bestimmt, für welche Elemente eine Regel gilt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Spezifität (Specificity)

Entscheidet, welcher von mehreren Selektoren gewinnt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)