css - 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是多余的）

也许另一条规则正在弄乱利润..