Resumo
A CSS pseudo-classe :last-child
representa qualquer elemento que é o último filho de seu elemento pai.
Sintaxe
elemento:last-child { propriedades de estilo }
Exemplo
Conteúdo HTML
<ul>
<li>Esse item não é afetado pelo estilo.</li>
<li>Esse também não.</li>
<li>Esse item é! :)</li>
</ul>
Conteúdo CSS
li:last-child {
background-color: lime;
}
Especificações
Especificação | Status | Comentário |
---|---|---|
Selectors Level 4 The definition of ':last-child' in that specification. |
Rascunho atual | Sem mudança. |
Selectors Level 3 The definition of ':last-child' in that specification. |
Recomendação | Definição inicial. |
Compatibilidade de navegadores
Estamos convertendo nossos dados de compatibilidade para o formato JSON.
Esta tabela de compatibilidade ainda usa o formato antigo,
pois ainda não convertemos os dados que ela contém.
Descubra como você pode ajudar!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suporte básico | 1.0 | 1.0 (1.7 or earlier) | 9.0 | 9.5 | 3.2 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suporte básico | 2.1 | 1.0 (1) | 9.0 | 10.0 | 3.2 |