--- title: ':last-child' slug: 'Web/CSS/:last-child' tags: - CSS - CSS Pseudo-classe - Layout - Reference - Referencia - Web translation_of: 'Web/CSS/:last-child' ---
{{ CSSRef() }}

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;
}

{{EmbedLiveSample('Example', '100%', 100)}}

Especificações

Especificação Status Comentário
{{ SpecName('CSS4 Selectors', '#last-child', ':last-child') }} {{ Spec2('CSS4 Selectors') }} Sem mudança.
{{ SpecName('CSS3 Selectors', '#last-child', ':last-child') }} {{ Spec2('CSS3 Selectors') }} Definição inicial.

Compatibilidade de navegadores

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 1.0 {{ CompatGeckoDesktop("1") }} 9.0 9.5 3.2
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 2.1 {{ CompatGeckoMobile("1") }} 9.0 10.0 3.2

Veja também