Pseudo-classe :empty CSS

Définition et utilisation

CSS :empty Les pseudo-classes sont utilisées pour correspondre à chaque élément qui n'a pas d'éléments enfants (y compris les nœuds de texte).

Astuce :Si un élément contient d'autres éléments, du texte ou des balises avec des espaces entre elles, cet élément a des éléments enfants.

Exemple

Définir une couleur de fond pâle orange pour les éléments vides ayant la classe "box" :

box:empty {
  background-color: saumon;
}

Essayez-le vous-même

Syntaxe CSS

:empty {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe.