:last-child

Resumo

A CSS pseudo-classe (en-US) :last-child representa qualquer elemento que é o último filho de seu elemento pai.

Sintaxe

elemento:last-child { propriedades de estilo }

Exemplo

Conteúdo HTML

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

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

BCD tables only load in the browser

Veja também