我遇到了第n个孩子的问题

Question

我对第n孩子的假孩子有些问题。 我想要做的是选择第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或类似的formules吗？

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这个在线工具：

:nth tester

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; 
    }