Pseudo-classe :empty do CSS

Definição e uso

CSS :empty Os pseudo-classes são usados para combinar cada elemento que não possui elementos filhos (inclusive nós de texto).

Dica:Se o elemento contiver outros elementos, texto ou espaços em branco entre etiquetas, ele possui elementos filhos.

Exemplo

Defina a cor de fundo salmão para elementos vazios com a classe "box":

box:empty {
  background-color: saumon;
}

Experimente você mesmo

Sintaxe CSS

:empty {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.