Je tente de styliser des objets enfants comme suit p>
1,7,13, etc p>
2,8,14, etc p>
3,9,15, etc p>
4,10,16, etc p>
5,11,17, etc p>
6,12,18, etc p>
Quelle syntaxe de Nth-enfant puis-je utiliser pour y parvenir? P>
3 Réponses :
Vous pouvez utiliser Références: http://w3.org/tr/css3-Selectors / # Nth-enfant-pseudo , http://w3.org/tr/ CSS3-SELECTORS / # SÉLECTEURS (Merci @nayukiminase) P>
En outre, un très bon exemple est ici: utile: Nth-enfant Recettes - CSS-Tricks P> : Nth-enfant (6n + 1) code>,
: Nth-enfant (6n + 2) code>,
: Nth-enfant (6n + 3) code>,
: Nth-enfant (6n + 4) code> etc .. p>
Lire l'explication Comment Vous pouvez utiliser 6N + X, où vous devez insérer des numéros appropriés pour X. P> Nth-enfant Code> Works ici . P>
Utilisez cette équation simple:
here a : first element index
n : n
d : difference
Example: 1,7,13
here a : 1
n : n
d : 6
So the pseudo selector will be :nth-child(6n + 1)