:first-child
Sumário
A pseudo-classe de CSS :first-child
representa qualquer elemento que seja o primeiro filho de seus pais.
Sintaxe
elemento:first-child { estilos }
Exemplos
Exemplo 1
HTML
<div>
<span>Este span é verde limão!</span>
<span>Este span não é verde limão. :(</span>
</div>
CSS
span:first-child {
background-color: lime;
}
... resultado ...
Exemplo 2 - Usando UL
HTML
<ul>
<li>Elemento de Lista 1</li>
<li>Elemento de Lista 2</li>
<li>Elemento de Lista 3</li>
</ul>
CSS
li{
color:red;
}
li:first-child{
color:green;
}
... resultado ...
Especificações
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. |
Browsers compatíveis
BCD tables only load in the browser