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