CSS3: nth-last-of-type () Selettore
selettori CSS manuale di riferimento completo
Esempi
P specifica che ogni elemento dello stesso tipo di penultima due fratelli fratelli colore di sfondo partita:
{
background: # ff0000;
}
Prova »
Definizione e utilizzo
: Nth-last-of-type (n) selettore per abbinare lo stesso tipo di reciproci fratelli n-esimo fratello.
npuò essere un numero, una parola chiave o una formula.
Suggerimento: Vedere: : nth-last-child () selettore.Il selettore abbina l'elemento principale nelle sotto-elementi penultimo n strutturali
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Altri esempi
esempio 1
Dispari e può anche essere utilizzato come parola chiave per abbinare il sottoelemento viene utilizzato, il suo indice è pari o dispari.
Qui, specifichiamo due diversi colori di sfondo per gli elementi dispari e pari reciproche p:
{
background: # ff0000;
}
p: nth-last-of-type (anche)
{
background: # 0000FF;
}
Prova »
esempio 2
Utilizzando la formula (an + b) Descrizione: La dimensione di un rappresentante di un ciclo, N è un contatore (a partire da 0), e B è l'offset.
Qui abbiamo tutti gli indici sono multipli di tre elementi p specifica l'ordine di l'inverso del colore di sfondo:
{
background:#ff0000;
}
Prova »