Kombinatoren sind die Zeichen zwischen zwei Selektoren, die beschreiben, wie die Elemente zueinander stehen.
- Kombinator (CSS)
Zeichen zwischen zwei Selektoren, das die Beziehung der Elemente zueinander beschreibt.
Beispiel: „Ein Kombinator erhöht die Spezifität nicht.“
Die vier
article p /* irgendwo darin */
article > p /* unmittelbares Kind */
h2 + p /* direkt danach */
h2 ~ p /* irgendwo danach, gleiche Ebene */Das Plus trifft genau das nächste Geschwisterelement, die Tilde alle folgenden auf derselben Ebene. Beide sind nützlich für Abstände: Ein Absatz direkt nach einer Überschrift bekommt weniger Abstand nach oben.
Rückwärts geht nicht
Es gibt kein Zeichen für davor. Wer das braucht, nimmt die Pseudoklasse :has(), die seit 2023 in allen großen Browsern funktioniert: Damit lässt sich ein Element danach auswählen, was es enthält.