Le :emptypseudo-sélecteur sélectionnera les éléments qui ne contiennent rien ou seulement un commentaire HTML.
div:empty ( display: none; )Correspondra
Ne correspondra pas
C'est utile pour masquer les éléments vides qui pourraient provoquer un espacement étrange (par exemple, ils ont un remplissage). Ou quelque chose comme la suppression de la bordure de l'élément de cellule du tableau en haut à gauche dans un tableau de renvoi.
Notez que dans la spécification de niveau 4 des sélecteurs: vide a été mis à jour pour inclure l'élément tout-espace. Grand changement! Yay! Je ne sais pas si un navigateur le fait encore.
Prise en charge du navigateur
Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.
Bureau
| Chrome | Firefox | C'EST À DIRE | Bord | Safari |
|---|---|---|---|---|
| 4 | 3,5 | 9 | 12 | 3.2 |
Mobile / tablette
| Chrome Android | Android Firefox | Android | Safari sur iOS |
|---|---|---|---|
| 88 | 85 | 2,1 | 3.2 |