CSS onderliggende elementcombinator (>)

Definitie en gebruik

CSS-kindcombinator (>) wordt gebruikt om elementen te selecteren die directe kinderen zijn van een specifieke ouder.

Het element dat wordt gematcht door de tweede selector moet een directe zoon zijn van het element dat wordt gematcht door de eerste selector.

Opmerking:Elementen die niet directe kinderen van de gespecificeerde ouder zijn, worden niet geselecteerd.

Voorbeeld

Selecteer en stel de stijl in van elke <p> die direct als zoon van een <div>-element staat:

div > p {
  achtergrondkleur: goud;
  border: 1px solide grijs;
}

Probeer het zelf uit

CSS-syntaxis

element1 > element2 {
  css-declaraties;
}

Technische details

Browserondersteuning

Tafelnummers geven de eerste browserversie aan die de combinatie volledig ondersteunt.