27573 sujets

CSS et mise en forme, CSS3

Bonsoir,
Mon sujet n'est pas très clair. Soit une liste (par exemple de news) dont on ne connaît pas à l'avance le nombre d'items. Je voudrais appliquer :
- au 1er la couleur A
- au 2ème la couleur B
- au 3ème la couleur C
- au 4ème la couleur D
- au 5ème la couleur A
- au 6ème la couleur B
... et ainsi de suite...

Je cherche autour de :nth-of-type ou :nth-child mais je n'arrive pas à trouver la solution.
Merci de votre aide.
Merci Raphaël. J'avais lu l'article mais j'avoue que je n'ai pas compris la logique.

Xn représente donc l'ensemble d'éléments sur lequel porte le motif, ensemble qui est automatiquement répétitif ?

Et d'ailleurs, le même motif ne fonctionnerait pas avec nth-of-type (en ciblant l'élément plutôt que son parent) ?
Modifié par jlba (05 Jan 2021 - 18:40)