Cuisine et Web

Recettes pour Cuisiniers ou Web Dev en herbes

Article(s) tagué(s) avec le mot clé ::only-child.

La pseudo classe :nth-child(Xn) , pour un motif qui se répete ... ou pas.

Rédigé par G.Cyrille 1489 vue(s) Aucun commentaire

La pseudo classe :nth-child(X) permet de cibler un élement sur une position unique.

La pseudo classe :nth-child(Xn) permet de cibler un élement se situant toutes les N positions.

Par exemple, pour cibler tout les element se trouvant en quatriéme, huitiéme, douziéme, etc.. position: :nth-child(4n){} fera le travail.

Il est alors possible de mettre en place un motif visuel répétitif (pattern en anglais).

Nous profiterons de cet article pour evoquer les autres pseudo class autour de nth-child avec une petite parenthèse sur les selecteurs de combinaisons.

Lire la suite de La pseudo classe :nth-child(Xn) , pour un motif qui se répete ... ou pas.