CSS3: nth-of-type () Selettore
selettori CSS manuale di riferimento completo
Esempi
Specificare ogni elemento p corrisponde al colore dello stesso tipo nelle prime due fratelli elementi di pari livello di fondo:
{
background:#ff0000;
}
Prova »
Definizione e utilizzo
: Nth-of-type (n) selettore per abbinare lo stesso tipo dei fratelli n-esimo fratello.
n può essere un numero, una parola chiave o una formula.
Suggerimento: Vedere : nth-child) ( selettore.Il selettore abbina l'elemento principale n esimo elemento. AT allo sguardo : nth-child () .
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
选择器 | |||||
---|---|---|---|---|---|
:nth-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 (l'indice del primo figlio è 1).
Qui, specifichiamo due diversi colori di sfondo per gli elementi pari e dispari P:
{
background: # ff0000;
}
p: nth-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 il colore di sfondo:
{
background: # ff0000;
}
Prova »