我有第 n 个孩子的问题

Question

我在使用：nth-child伪类时遇到了soome问题。我想做的是选择第 9 个孩子，而不是接下来的每个第 6 个孩子。

所以前 9 个15 以上2127岁以上比 33

等等等等。

我认为它应该通过将其放在我的 css 中来工作：

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

它没有..

我尝试了所有不同的形式，如 10n+6、6+9n 等。我遵循了本教程但这并不能解释它。

有人知道为什么它不起作用，你能只做像 4n+4 之类的形式吗？

Answer 1

你接近解决方案：

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

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

Answer 2

这就是你需要的：

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

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

如果您在使用nth-child时遇到问题，请查看此在线工具：

：第n个测试仪

Answer 3

我相信你想要

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

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

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

Answer 4

它应该是

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