MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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.
Working Draft Sem mudança.
Selectors Level 3
The definition of ':last-child' in that specification.
Recommendation Definição inicial.

Compatibilidade de navegadores

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,