CSS :only-child pseudoklasse

Definitie en gebruik

CSS :only-child Pseudoklassen worden gebruikt om de stijl van elk element te kiezen en te instellen dat het de enige kind is van zijn ouder-element.

Voorbeeld

Specificeer een stijl voor elke <p>, <li> en <b> element die de enige kind van zijn ouder-element is:

p:only-child {
  achtergrondkleur: rood;
}
li:only-child {
  kleur: zalm;
}
b:only-child {
  kleur: groen;
}

Probeer het zelf uit

CSS-syntaxis

:only-child {
  css-declaraties;
}

Technische details

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.