Pseudo-classe :first-of-type do CSS

Definição e uso

CSS :first-of-type Os pseudo-classes são usados para selecionar o primeiro elemento de um tipo especificado em um grupo de elementos irmãos.

Exemplo

Escolha e defina o estilo do primeiro elemento <p> em um grupo de elementos irmãos:

p:first-of-type {
  background-color: yellow;
}

Experimente você mesmo

Sintaxe CSS

:first-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 Ópera
4.0 9.0 3.5 3.2 9.6