nth-child avec le mod (ou modulo) opérateur
Est-il possible d'utiliser le nth-child
avec modulo? Je sais que vous pouvez spécifier une formule, comme
nth-child(4n+2)
Mais je n'arrive pas à trouver si il y a un opérateur modulo. J'ai essayé les exemples ci-dessous, et aucun ne semble fonctionner:
nth-child(n%7)
nth-child(n % 7)
nth-child(n mod 7)
OriginalL'auteur jefflunt | 2011-05-25
Vous devez vous connecter pour publier un commentaire.
Non,
:nth-child()
prend uniquement en charge l'addition, la soustraction et le coefficient de multiplication.Je comprends que vous essayez de ramasser les 6 premiers éléments (comme
n mod 7
pour tout entier positifn
ne vous donne0
à6
). Pour cela, vous pouvez utiliser cette formule à la place:En niant
n
, élément de comptage est fait vers l'arrière à partir de zéro, de sorte que ces éléments seront sélectionnés:jsFiddle démo
1
index de base, pas0
. Vous souhaitez-n + 7
.Non, il indexe
n
à partir de zéro. "La:nth-child(an+b)
pseudo-classe de notation représente un élément qui aan
+b
-1 frères et sœurs avant dans l'arborescence du document, pour tout entier positif ou nul de la valeur den
" Il mentionne seulement que le premier enfant a un indice de 1, ce qui n'est pas liée à l'indexation den
.Je corrige la position des mains. Bonne prise; je me suis rappelé les éléments d'un index basé sur 1 et hypothèse de la n de l'indice a été la même sans la re-lecture de la documentation.
Ressemble à la fonctionnalité que je cherche n'existe pas. Cela répond à ma question, cependant. Merci!!!!
OriginalL'auteur BoltClock
Si vous souhaitez utiliser
nth-child
avec modulok
, il suffit de le préciser:Par exemple, si vous souhaitez spécifier le style de 3, 6, 9, .. éléments, il suffit de le préciser (
k
= 3), et l'utilisation:Vous pouvez également spécifier un décalage:
OriginalL'auteur Athlan
Je sais que ce sujet est très vieux, mais voici la réponse de près assez pour opérateur modulo:
Cela permettra de sélectionner les éléments de 1-6, 8-13 et ainsi de suite...
Le code ci-dessus va sélectionner les éléments divisible par "a" afin d'ajouter :not() sélecteur de forces CSS pour sélectionner des éléments non divisible par "une".
J'espère que quelqu'un la trouver utile 😉
n mod 7
correspondent à des éléments où n n'est pas divisible par 7. Cela ressemble de plus près à ce que la question initiale a été de demander que ma réponse, bien que nous en aurons encore pour obtenir la confirmation de la personne.OriginalL'auteur Enethion