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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,