Pseudo-classe :only-of-type CSS

Definição e uso

CSS :only-of-type O pseudo-classe é usado para combinar qualquer elemento que seja o único filho do tipo do elemento pai.

Exemplo

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

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

Experimente você mesmo

Sintaxe CSS

:only-of-type {
  declarações css;
}

Detalhes técnicos

Versão: CSS3

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6