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 :

: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())
— (permalink)