CSS :empty pseudoklasse

Definitie en gebruik

CSS :empty Pseudoklassen worden gebruikt om elke element te matchen dat geen onderliggende elementen heeft (inclusief tekstknooppunten).

Tip:Als een element andere elementen, tekst of witruimte tussen labels bevat, heeft het een onderliggend element.

Voorbeeld

Stel een lichtoranje achtergrondkleur in voor lege elementen met de klasse="box":

box:empty {
  background-color: zalm;
}

Probeer het zelf uit

CSS-syntaxis

:empty {
  css-aclaringen;
}

Technische details

Versie: CSS3

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6