A :blankpseudo classe é construída sobre a :emptypseudo classe. Como :empty, :blankselecionará elementos que não contêm nada ou que contêm apenas um comentário HTML. Mas, :blanktambém selecionará elementos que incluem espaços em branco, o que :emptynão inclui .
p:blank ( display: none; )p:blankselecionará esses parágrafos, assim como p:emptyfaria:
E também selecionará esses parágrafos, que p:emptynão:
No momento em que este artigo foi escrito, :blankfazia parte do rascunho dos seletores CSS de nível 4 e não era compatível com nenhum navegador. Mozilla suporta sua própria versão :blankcom um nome diferente,-vendor prefixado: :-moz-only-whitespace. A demonstração abaixo inclui a versão do Mozilla e só funcionará nos navegadores Mozilla por enquanto.
Veja a Caneta: em branco e: -moz-only-whitespace de mariemosley (@mariemosley) no CodePen.
Relacionado
- :vazio
Mais Informações
- : em branco no Draft dos Seletores de Nível 4
- : -moz-only-whitespace no MDN
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| não | não | Como: -moz-only-whitespace | não | não | não | não |