Exemplo
Especifique uma cor de fundo para cada <p> elemento que é o segundo filho de seu pai, a contar do último filho:
p:nth-last-child(2)
{
background: #ff0000;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A :nth-last-child( n ) selector corresponde a cada elemento que é o n th criança, independentemente do tipo, de seu pai, a contar do último filho.
n pode ser um número, uma palavra-chave, ou uma fórmula.
Tip: Olhe para o :nth-last-of-type() para selecionar o elemento que é o n th criança, of a specified type , de seu pai, a contar do último filho.
| Versão: | CSS3 |
|---|
Suporte a navegadores
Os números na tabela especifica a primeira versão do navegador que suporta plenamente o selector.
| seletor | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9 | 3,5 | 3.2 | 9,6 |
CSS Syntax
mais Exemplos
Exemplo
Ímpares e pares são palavras-chave que podem ser usados para combinar os elementos filho cujo índice é par ou ímpar.
Aqui, especificamos duas cores diferentes de fundo para os elementos p pares e ímpares, a contar do último filho:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Tente você mesmo " Exemplo
Usando uma fórmula ( an + b ) . Descrição: a representa um tamanho ciclo, n é um contador (starts at 0) , e b é um valor de deslocamento.
Aqui, nós especificar uma cor de fundo para todos os elementos p cujo índice é um múltiplo de 3, a contar do último filho:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Tente você mesmo "