Pseudo-classe :only-child do CSS

Definição e uso

CSS :only-child Os pseudo-classe são usados para escolher e definir estilos para qualquer elemento que seja o único filho do elemento pai.

Exemplo

Defina estilos para qualquer elemento <p>, <li> e <b> que seja o único filho do seu elemento pai:

p:only-child {
  cor de fundo: vermelho;
}
li:only-child {
  cor: salmão;
}
b:only-child {
  cor: verde;
}

Experimente você mesmo

Sintaxe CSS

:only-child {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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