MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

:first-of-type

Resumo

A  pseudo-classe :first-of-type representa o primeiro elemento de seu tipo entre os filhos de seu elemento pai.

Sintaxe

elemento:first-of-type { propriedades CSS }

Exemplo

Este exemplo mostra como o seletor universal é assumido quando nenhum outro seletor é definido.

div :first-of-type {
  background-color: lime;
}
<div>
  <span>Este span é o primeiro!</span>
  <span>Este não é. :(</span>
  <span>Quem sabe esses <em>elementos aninhados</em>?</span>
  <strike>Este é um outro tipo</strike>
  <span>Infelizmente, esse não...</span>
</div>

...vai resultar em:

Especificações

Especificação Status Comentário
Selectors Level 4
The definition of ':first-of-type' in that specification.
Working Draft Nenhuma mudança.
Selectors Level 3
The definition of ':first-of-type' in that specification.
Recommendation Definição inicial.

Compatibilidade de navegadores

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Veja também

Etiquetas do documento e colaboradores

Etiquetas: 
 Colaboradores desta página: dbiazioli
 Última atualização por: dbiazioli,