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