#14544 - :nth Tester
https://css-tricks.com/examples/nth-child-tester/
Du mal avec les sélecteurs CSS en « :nth* » ?
Voilà un outil pour tester.
Je m’en note quelques unes-ici :
Cibler les 4 premiers éléments d’une liste :
Cibler les 4 derniers éléments d’une liste :
Cibler tous les éléments SAUF les 4 premiers d’une liste :
(sélectionne tout à partir du 5e inclus, donc ne touche pas aux 4 premiers — on peut aussi utiliser :not(:nth-child(-n+4)), mais ça n’est pas toujours supporté par les nav)
Cibler tous les éléments SAUF les 4 derniers d’une liste :
(sélectionne tout jusqu’au 5e en partant de la fin inclus, donc ne touche pas aux 4 derniers — même remarque, pour :not())
Voilà un outil pour tester.
Je m’en note quelques unes-ici :
Cibler les 4 premiers éléments d’une liste :
:nth-child(-n+4)
Cibler les 4 derniers éléments d’une liste :
:nth-last-child(-n+4)
Cibler tous les éléments SAUF les 4 premiers d’une liste :
:nth-child(n+5)
(sélectionne tout à partir du 5e inclus, donc ne touche pas aux 4 premiers — on peut aussi utiliser :not(:nth-child(-n+4)), mais ça n’est pas toujours supporté par les nav)
Cibler tous les éléments SAUF les 4 derniers d’une liste :
:nth-last-child(n+5)
(sélectionne tout jusqu’au 5e en partant de la fin inclus, donc ne touche pas aux 4 derniers — même remarque, pour :not())