:first-child

Sumário

A pseudo-classe de CSS :first-child representa qualquer elemento que seja o primeiro filho de seus pais.

elemento:first-child { estilos }

<div>
  <span>Este span é verde limão!</span>
  <span>Este span não é verde limão. :(</span>
</div>

span:first-child {
    background-color: lime;
}

... resultado ...

<ul>
  <li>Elemento de Lista 1</li>
  <li>Elemento de Lista 2</li>
  <li>Elemento de Lista 3</li>
</ul>

li{
  color:red;
}
li:first-child{
  color:green;
}

... resultado ...

Especificação	Status	Comentário
Selectors Level 4 The definition of ':first-child' in that specification.	Rascunho atual	Sem mudança.
Selectors Level 3 The definition of ':first-child' in that specification.	Recomendação	Definição inicial.

BCD tables only load in the browser