CSS-Kombinator-Referenzhandbuch

CSS Kombinatoren

Ein Kombinator ist ein Symbol, das zur Erklärung der Beziehung zwischen Selektoren dient.

Die folgende Tabelle zeigt die verschiedenen Kombinatoren in CSS:

Name Symbol Beispiel Beispielbeschreibung
Kindkombinator > div > p Wähle alle <p>-Elemente, die direkte Nachkommen des <div>-Elements sind.
Nachkommenkombinator （Einzelner Leerzeichen） div p Wähle alle <p>-Elemente innerhalb des <div>-Elements.
Namensraumspezifikator | ns | h2 Wähle alle <h2>-Elemente im Namensraum ns.
Adjazenzkombinator + div + p Wähle den ersten <p>-Element, der direkt nach dem <div>-Element folgt.
Wählerliste , div, p Wählen Sie alle <div>- und <p>-Elemente aus.
Nachfolgerbrüderkombinator ~ p ~ ul Wählen Sie alle <ul>-Elemente aus, die vorangegangen von einem <p>-Element sind.