我和第n个孩子有问题

Question

我遇到了：nth-​​child pseudoclass的问题。 我想做的是选择第9个孩子，而不是每个后面的第6个孩子。

所以先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;
}

这意味着它从第九个开始选择每六个元素。

如果您遇到nth-child：

的问题，请查看此在线工具

:nth tester

Answer 2

你接近解决方案：

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

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

Answer 3

我相信你想要

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

这意味着每6个项目，从9开始。

使用公式（a + b）。描述：a表示循环大小，n是计数器（从0开始），b是偏移值。

Answer 4

应该是

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