Exemplo
Selecione cada <p> elemento que é o terceiro filho de seu pai, a contar do último filho:
$("p:nth-last-child(3)") Tente você mesmo " Definição e Uso
A :nth-last-child( n ) selector seleciona todos os elementos que são o n th criança, independentemente do tipo, de seu pai, a contar do último filho.
Dica: Use o :nth-last-of-type() para selecionar todos os elementos que são o n th criança, de um tipo particular, de seu pai, a contar da última criança.
Sintaxe
:nth-last-child( n |even|odd| formula )| Parâmetro | Descrição |
|---|---|
| n | O índice de cada criança para corresponder. Deve ser um número. O primeiro elemento tem o número de índice 1. |
| even | Seleciona cada even elemento filho |
| odd | Seleciona cada odd elemento filho |
| formula | Especifica qual criança element(s) a ser seleccionados com uma fórmula ( an + b ) . Exemplo: p:nth-last-child(3n+2) seleciona cada parágrafo 3º, a partir da última segunda criança |
Tente você mesmo - Exemplo
Selecione cada <p> elemento que é o primeiro filho de tudo <div> elemento, a contar da última criança
Como selecionar um <p> elemento que é o primeiro filho de todos os <div> elementos, a contar do último filho.
Usando uma fórmula (an + b)
Como usar uma fórmula ( an + b ) para selecionar diferentes elementos filhos, a contar do último filho.
Usando "even" e "odd"
Como usar pares e ímpares para selecionar diferentes elementos filhos, a contar do último filho.
Diferença entre :nth-child(), :nth-last-child(), :nth-of-type() e :nth-of-last-type()
A diferença entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) e p:nth-of-last-type(2) .