Zum Inhalt springen

Kindselektor

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 Kindselektor ist der Pfeil zwischen zwei Selektoren. Er meint die unmittelbare Ebene darunter, nicht jede Tiefe.

Kindselektor

Kombinator aus einem Größer-als-Zeichen, der nur unmittelbare Kinder eines Elements auswählt.
Beispiel: „Der Kindselektor überspringt keine Ebene.“

Wo der Unterschied zählt

nav > ul > li { }

Bei verschachtelten Strukturen. Eine Navigation mit Untermenüs enthält Listen in Listen; mit dem Pfeil trifft die Regel nur die oberste Ebene. Mit einem Leerzeichen träfe sie jeden Eintrag, auch die eingeklappten Untermenüs.

Lesbarkeit

Der Pfeil macht eine Annahme über die Struktur sichtbar: Hier liegt die Liste unmittelbar in der Navigation. Ändert sich die Vorlage und kommt ein Kasten dazwischen, fällt die Regel aus. Das ist unangenehm und zugleich ehrlich, denn der Fehler fällt sofort auf.

Siehe auch:

Nachfahrenselektor

Das Leerzeichen zwischen zwei Selektoren.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Kombinator (CSS)

Das Zeichen zwischen zwei Selektoren, das ihre Beziehung beschreibt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Selektor (CSS)

Bestimmt, für welche Elemente eine Regel gilt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Liste (ul, ol, li)

Aufzählung mit oder ohne bedeutsame Reihenfolge.

#Frontend-Entwicklung (HTML, CSS, JavaScript)