La :blankpseudo-classe s'appuie sur la :emptypseudo-classe. Comme :empty, :blanksélectionnera des éléments qui ne contiennent rien du tout ou ne contiennent qu'un commentaire HTML. Mais, :blanksélectionnera également des éléments qui incluent des espaces, ce :emptyqui ne le sera pas.
p:blank ( display: none; )p:blanksélectionnera ces paragraphes, comme le p:emptyferait:
Et il sélectionnera également ces paragraphes, qui p:emptyne:
Au moment d'écrire ces lignes, :blankfait partie du brouillon CSS Selectors Level 4 et n'est pris en charge par aucun navigateur. Mozilla prend en charge sa propre version de :blanksous un autre, nom préfixé fournisseur-: :-moz-only-whitespace. La démo ci-dessous inclut la version de Mozilla et ne fonctionnera que dans les navigateurs Mozilla pour le moment.
Voir le Pen: blank et: -moz-only-whitespace de mariemosley (@mariemosley) sur CodePen.
En rapport
- :vider
Plus d'information
- : vide dans le brouillon des sélecteurs de niveau 4
- : -moz-only-whitespace chez MDN
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| non | non | Comme: -moz-only-whitespace | non | non | non | non |