Esempio
Selezionare ogni <p> elemento che è il terzo figlio del suo genitore:
$("p:nth-child(3)") Prova tu stesso " Definizione e utilizzo
L' :nth-child( n ) selettore seleziona tutti gli elementi che sono l' nth bambino, indipendentemente dal tipo, del loro genitore.
Suggerimento: utilizzare il :nth-of-type() selettore per selezionare tutti gli elementi che sono il n th bambino, di un tipo particolare, del loro genitore.
Sintassi
:nth-child( 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 even elemento figlio |
| odd | Seleziona ogni odd elemento figlio |
| formula | Specifica quale elemento figlio (s) per essere selezionato con una formula ( an + b ) . Esempio: p:nth-child(3n+2) seleziona ogni 3 ° comma, a partire l'elemento 2 ° bambino |
Provate voi stessi - Esempio
Selezionare ogni <p> elemento che è il secondo figlio di tutti i <div> elementi
Come selezionare ogni <p> elemento che è il secondo figlio di tutti i <div> elementi.
Utilizzando una formula (an + 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: n-esima di ultima-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) .