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 |