--- title: ':last-child' slug: 'Web/CSS/:last-child' tags: - CSS - CSS Pseudo-classe - Layout - Reference - Referencia - Web translation_of: 'Web/CSS/:last-child' ---
A CSS pseudo-classe :last-child
representa qualquer elemento que é o último filho de seu elemento pai.
elemento:last-child { propriedades de estilo }
<ul> <li>Esse item não é afetado pelo estilo.</li> <li>Esse também não.</li> <li>Esse item é! :)</li> </ul>
li:last-child { background-color: lime; }
{{EmbedLiveSample('Example', '100%', 100)}}
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. |
{{ 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 |