nth-child没有按预期工作

Question

我在使用nth-child(n)时遇到问题。可以说我有这样的清单：

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

风格：

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

出于某种原因，此类组合会为每四个margin: 0元素设置li。我想要实现的是为每六个li设置这个零利润。你能告诉我我的css应该是什么样的吗？

Answer 1

6n+6表示从6开始，然后从那一点开始每隔6点进行一次，所以在这种情况下使用6n就等效了：

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

此外，此资源非常有用：http://css-tricks.com/examples/nth-child-tester/

如果这对您不起作用，则选择器错误。使用更具体的内容，例如body > ul > li:nth-child(6n)或body > ul > li:nth-of-type(6n)，它们只会选择每个第6个li元素。

Answer 2

它实际上只针对第六个，如http://jsfiddle.net/6F37a/所示（虽然+6是多余的）

也许另一个规则是搞乱边缘..