Exemplo
Selecione cada <p> elemento que é o terceiro filho de seu pai:
$("p:nth-child(3)") Tente você mesmo " Definição e Uso
A :nth-child( n ) selector seleciona todos os elementos que são a nth criança, independentemente do tipo, de seu pai.
Dica: Use o :nth-of-type() para selecionar todos os elementos que são o n th criança, de um tipo particular, de seu pai.
Sintaxe
:nth-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 elemento (s) criança a ser seleccionados com uma fórmula ( an + b ) . Exemplo: p:nth-child(3n+2) seleciona cada parágrafo 3º, começando no segundo elemento filho |
Tente você mesmo - Exemplo
Selecione cada <p> elemento que é o segundo filho de todos os <div> elementos
Como selecionar cada <p> elemento que é o segundo filho de todos os <div> elementos.
Usando uma fórmula (an + b)
Como usar uma fórmula ( an + b ) para selecionar diferentes elementos filho.
Usando "even" e "odd"
Como usar pares e ímpares para selecionar diferentes elementos 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) .