Exemplo
Especifique uma cor de fundo para cada <p> elemento que é o segundo elemento p de seu pai, a contar do último filho:
p:nth-last-of-type(2)
{
background: #ff0000;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A :nth-last-of-type( n ) selector corresponde a cada elemento que é o n th criança, de um tipo particular, 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-child () para selecionar o elemento que é o n th criança, regardless of 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-of-type() | 4.0 | 9 | 3,5 | 3.2 | 9,6 |
CSS Syntax
mais Exemplos
Exemplo
Pares e ímpares são palavras-chave que podem ser usados para combinar os elementos filho cujo índice é par ou ímpar (the index of the first child is 1) .
Aqui, especificamos duas cores diferentes de fundo para elementos pares e ímpares p:
p:nth-last-of-type(odd)
{
background: #ff0000;
}
p:nth-last-of-type(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:
p:nth-last-of-type(3n+0)
{
background: #ff0000;
}
Tente você mesmo "