CSS3: nth-last-child () sélecteur
Sélecteurs CSS manuel de référence complet
Exemples
P précise que chaque élément du même type de match avant-dernier deux frères et sœurs frères et sœurs couleur de fond:
{
background: # ff0000;
}
Essayez »
Définition et utilisation
: Nth-dernière-of-type (n) sélecteur pour correspondre au même type de frères et sœurs frères et sœurs réciproques de n-ième.
npeut être un nombre, un mot - clé ou une formule.
Astuce: Voir : nth-last-of-type ) ( sélecteur.Le sélecteur correspond à l'élément parent dans les sous-éléments pénultième n structurels.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-child() | 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.
Ici, nous spécifions deux couleurs de fond différentes pour les éléments p impairs et pairs réciproques:
{
background:#ff0000;
}
p:nth-last-child(even)
{
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 l'ordre de l'inverse de la couleur de fond:
{
background: # ff0000;
}
Essayez »