:empty - Sélecteur CSS
Résumé des caractéristiques du sélecteur :empty
Description de la pseudo-classe :empty
.
Le sélecteur pseudo-classe :empty
désigne les éléments vides, c'est à dire ceux qui ne comportent pas de contenu et qui
n'ont pas d'éléments enfants.
Le niveau 4 de la spécification précise que les éléments qui ne contiennent que un ou plusieurs espaces doivent être considérés comme
vides, et donc ciblés par la pseudo-classe :empty
.
Ceci est plus conforme à ce que voit l'utilisateur.
Exemples d'utilisation de :empty
.
L'exemple ci-dessous montre l'effet de la pseudo-classe :empty
sur des cellules de tableau : les cellules vides
ont un contour rouge, en plus de la bordure noire commune à toutes les cellules.
La dernière cellule contient un espace. La dernière version de la norme précise que les espaces doivent être considérés comme
un contenu vide, mais peu de navigateurs traitent cette particularité pour le moment (2022).
Lundi | Mardi | Mercredi | Jundi | Vendredi |
Natation | Footing | Squash |
Le fonctionnement est exactement identique sur une grille.
La dernière cellule contient un élément
Compatibilité des navigateurs.
La pseudo-classe :empty
est bien reconnue par les navigateurs actuels. Par contre le fait d'assimiler à vide les éléments
qui contiennent seulement un ou plusieurs espaces est loin d'être géré (2022).
:empty
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi : pseudo-classes relatives au DOM.
De nombreuses pseudo-classes permettent de désigner des éléments en fonction de leur position dans l'arbre du document (DOM).
:root
::empty
::first-child
::last-child
::nth-child()
::nth-last-child()
::only-child
::first-of-type
::last-of-type
::nth-of-type()
::nth-last-of-type()
::only-of-type
:
Pseudo-classe désignant l'élément racine.
Pseudo-classe désignant les éléments sans contenu.
Pseudo-classe désignant le premier enfant d'un élément.
Pseudo-classe désignant le dernier enfant d'un élément.
Pseudo-classe désignant un descendant d'après son numéro.
Pseudo-classe désignant un élément à partir de son numéro, en commençant par la fin.
Pseudo-classe désignant les éléments qui sont fils uniques de leur parent.
Pseudo-classe désignant les premiers éléments de chaque type.
Pseudo-classe désignant les derniers éléments de chaque type.
Pseudo-classe désignant un élément à partir de son numéro en ne comptant que les éléments du même type.
Pseudo-classe désignant un élément à partir de son numéro en ne comptant que les éléments du même type et en commençant par la fin.
Pseudo-classe désignant les éléments qui sont fils unique dans leur type.