css - 我有第 n 个 child 的问题

Question

我在使用 :nth-child 伪类时遇到了一些问题。我想做的是选择第 9 个 child ，然后是接下来的第 6 个 child 。

所以前9超过 15超过 21超过 27超过 33

等等等等

我认为将其放入我的 CSS 中应该可以工作:

.child-div:nth-child(9n+6) p {
    margin: 0;
}

没有..

我尝试了各种不同的公式，例如 10n+6、6+9n 等等。我关注了this tutorial但这并不能更好地解释它。

有人知道为什么它不起作用吗，您只能制作 4n+4 之类的公式吗？

Answer 1

你已经接近解决方案了:

.child-div:nth-child(6n+9) p {
    margin: 0;
}

这里的工作示例:http://jsfiddle.net/5Y49A/1/