CSS :only-of-type pseudoklasse

Definitie en gebruik

CSS :only-of-type Pseudoklassen worden gebruikt om elk element te matchen dat de enige van zijn soort is onder zijn ouder-element.

Voorbeeld

Specificeer een stijl voor elk <p>-, <li>- en <b>-element dat de enige van zijn soort is onder zijn ouder-element:

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

Probeer het zelf uit

CSS-syntaxis

:only-of-type {
  css-declaraties;
}

Technische details

Versie: CSS3

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6