Esempio
Selezionare ogni elemento <p> che è il terzo <p> elemento del suo genitore:
$("p:nth-of-type(3)") Prova tu stesso " Definizione e utilizzo
L' :nth-of-type( n ) selettore seleziona tutti gli elementi che sono il n th bambino, di un tipo particolare, del loro genitore.
Suggerimento: utilizzare il :nth-child() selettore per selezionare tutti gli elementi che sono il n th figlio, indipendentemente dal tipo, del loro genitore.
Sintassi
:nth-of-type( n |even|odd| formula )| Parametro | Descrizione |
|---|---|
| n | L'indice di ogni bambino a partita. Deve essere un numero. Il primo elemento è il numero di indice 1. |
| even | Seleziona ogni elemento, anche bambino |
| odd | Seleziona ogni elemento figlio dispari |
| formula | Specifica quale elemento figlio (s) per essere selezionato con una formula ( an + b ) . Esempio: p:nth-of-type(3n+2) seleziona ciascun comma 3, iniziando dal 2 ° paragrafo |
Provate voi stessi - Esempio
Selezionare ogni <p> elemento che è il secondo <p> elemento di tutti i <div> elementi
Come selezionare ogni <p> elemento che è il secondo <p> elemento di tutti i <div> elementi.
Utilizzando una formula (a + b)
Come usare una formula ( an + b ) per selezionare diversi elementi figlio.
Utilizzando "even" e "odd"
Come usare pari e dispari per selezionare diversi elementi figlio.
Differenza tra :nth-child() , :nth-last-child() , :nth-of-type() e :nth-of-last-type()
La differenza tra i p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) e p:nth-of-last-type(2) .