: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