Pseudo-classe :last-child do CSS

Definição e uso

CSS :last-child Os pseudo-classes são usados para combinar qualquer elemento que seja o último filho do elemento pai.

Dica:p:last-child é equivalente a p:nth-last-child(1).

Exemplo

Defina a cor de fundo do elemento <p> que é o último filho do elemento pai. Além disso, defina a cor de fundo do elemento <li> que é o último filho do elemento pai:

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

Experimente você mesmo

Sintaxe CSS

:last-child {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.

Páginas relacionadas

Referência:Pseudo-classes :last-of-type do CSS