:last-child

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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

Specification
Selectors Level 4
# the-last-child-pseudo

Compatibilidade de navegadores

BCD tables only load in the browser

Veja também