nième-enfant ne fonctionne pas comme prévu

Question

J'ai un problème avec l'utilisation nth-child(n). Disons que j'ai cette liste:

<ul> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

et styles:

li { 
    margin: 0 10px 0 0; 
} 
li:nth-child(6n+6) { 
    margin: 0; 
} 

Pour une raison quelconque, une telle combinaison fixe margin: 0 pour chaque quatrième élément li. Ce que j'essaye de réaliser est de mettre cette marge zéro pour chaque sixième li. Pouvez-vous s'il vous plaît me conseiller comment mon css devrait ressembler?

Answer 1

6n+6 moyens commencent à 6 puis faire tous les 6 à partir de ce moment-là si juste en utilisant 6n est équivalent dans cette situation:

li:nth-child(6n) { 
    margin: 0; 
} 

En outre, cette ressource peut être utile: http://css-tricks.com/examples/nth-child-tester/

Si cette ne fonctionne pas pour vous, votre sélecteur est faux. Utilisez quelque chose de plus spécifique comme body > ul > li:nth-child(6n) ou body > ul > li:nth-of-type(6n) qui ne sélectionnera que tous les 6 éléments li.

Answer 2

Il vise en fait le sixième comme indiqué dans http://jsfiddle.net/6F37a/ (bien que le +6 est redondant)

Peut-être une autre règle salit les marges ..