CSS3: nth-of-type) sélecteur (
Sélecteurs CSS manuel de référence complet
Exemples
Spécifiez chaque élément de p correspond à la couleur du même type dans les deux premiers frères éléments frères et sœurs de fond:
{
background:#ff0000;
}
Essayez »
Définition et utilisation
: Nth-of-type (n) sélecteur pour correspondre au même type des frères et sœurs frères et sœurs de n-ième.
n peut être un nombre, un mot-clé ou une formule.
Astuce: Voir : nth-child () sélecteur.Le sélecteur correspond à l'élément parent n ième élément. AT au The Look : Nth-enfant () .
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
选择器 | |||||
---|---|---|---|---|---|
:nth-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
D'autres exemples
exemple 1
Odd et peut même être utilisé comme un mot-clé pour correspondre à la sous-élément est utilisé, son indice est impair ou pair (l'indice du premier enfant est de 1).
Ici, nous spécifions deux couleurs de fond différentes pour les éléments impairs et pairs p:
{
background: # ff0000;
}
p: nth-of-type (même)
{
background: # 0000ff;
}
Essayez »
exemple 2
En utilisant la formule (un + b) Description: La taille d'un représentant d'un cycle, N est un compteur (commençant à 0), et b est le décalage.
Ici, nous sommes tous les indices multiples de trois élément p spécifie la couleur de fond:
{
background: # ff0000;
}
Essayez »