La :blank
pseudoclase se basa en la :empty
pseudoclase. Me gusta :empty
, :blank
seleccionará elementos que no contengan nada en absoluto o que solo contengan un comentario HTML. Pero, :blank
también seleccionará elementos que incluyan espacios en blanco, que :empty
no lo harán.
p:blank ( display: none; )
p:blank
seleccionará estos párrafos, tal como lo p:empty
haría:
Y también seleccionará estos párrafos, que p:empty
no:
En el momento de escribir este artículo, :blank
forma parte del borrador de CSS Selectors Level 4 y no es compatible con ningún navegador. Mozilla soporta su propia versión de :blank
bajo un nombre diferente, independiente del proveedor con el prefijo: :-moz-only-whitespace
. La siguiente demostración incluye la versión de Mozilla y, por ahora, solo funcionará en los navegadores Mozilla.
Vea el lápiz: en blanco y: -moz-only-whitepace por mariemosley (@mariemosley) en CodePen.
Relacionado
- :vacío
Más información
- : en blanco en el borrador de nivel 4 de selectores
- : -moz-only-whitespace en MDN
Soporte del navegador
Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
---|---|---|---|---|---|---|
no | no | Como: -moz-only-whitespace | no | no | no | no |