: en blanco - Trucos CSS

Anonim

La :blankpseudoclase se basa en la :emptypseudoclase. Me gusta :empty, :blankseleccionará elementos que no contengan nada en absoluto o que solo contengan un comentario HTML. Pero, :blanktambién seleccionará elementos que incluyan espacios en blanco, que :emptyno lo harán.

p:blank ( display: none; )

p:blankseleccionará estos párrafos, tal como lo p:emptyharía:

Y también seleccionará estos párrafos, que p:emptyno:

En el momento de escribir este artículo, :blankforma parte del borrador de CSS Selectors Level 4 y no es compatible con ningún navegador. Mozilla soporta su propia versión de :blankbajo 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