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