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

Veja também

Etiquetas do documento e colaboradores

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