O :emptypseudo seletor selecionará os elementos que não contêm nada ou apenas um comentário HTML.
div:empty ( display: none; )Vai combinar
Não vai combinar
É útil para ocultar elementos vazios que podem causar espaçamentos estranhos (por exemplo, eles têm preenchimento). Ou algo como remover a borda do elemento da célula superior esquerdo da tabela em uma tabela de referência cruzada.
Observe que em Seletores Nível 4, a especificação: vazio foi atualizada para incluir o elemento de todos os espaços em branco. Grande mudança! Yay! Não tenho certeza se algum navegador já está fazendo isso.
Suporte de navegador
Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.
Área de Trabalho
| cromada | Raposa de fogo | IE | Beira | Safári |
|---|---|---|---|---|
| 4 | 3,5 | 9 | 12 | 3,2 |
Celular / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2,1 | 3,2 |