Esempio
Specificare un colore di sfondo per ogni <p> elemento che è il secondo elemento p del suo genitore, contando dall'ultimo bambino:
p:nth-last-of-type(2)
{
background: #ff0000;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
L' :nth-last-of-type( n ) selettore seleziona ogni elemento che è il n ° figlio, di un tipo particolare, del suo genitore, contando dall'ultimo bambino.
n può essere un numero, una parola chiave o una formula.
Tip: Guardate il : nth-last-child () selettore per selezionare l'elemento che è il n ° figlio, regardless of type , del suo genitore, contando dall'ultimo bambino.
| Versione: | CSS3 |
|---|
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| :nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS Sintassi
Altri esempi
Esempio
Parole chiave pari e dispari sono che possono essere utilizzati per abbinare elementi figlio il cui indice è pari o dispari (the index of the first child is 1) .
Qui, specifichiamo due diversi colori di sfondo per gli elementi pari e dispari P:
p:nth-last-of-type(odd)
{
background: #ff0000;
}
p:nth-last-of-type(even)
{
background: #0000ff;
}
Prova tu stesso " Esempio
Utilizzando una formula ( an + b ) . Descrizione: a rappresenta una dimensione ciclo, n è un contatore (starts at 0) e b è un valore di offset.
Qui, specifichiamo un colore di sfondo per tutti gli elementi P il cui indice è un multiplo di 3:
p:nth-last-of-type(3n+0)
{
background: #ff0000;
}
Prova tu stesso "