Html 每四次选择一次<；部门>；

我有一个长的DIV行，我需要使用第n个子选择器更改每第4个DIV的填充，但我在让它工作时遇到了问题

这是我的css：

.content\u选项卡{
宽度：220px；
高度：340px；
右边距：20px；
边缘底部：20px；
浮动：左；
背景色：#0F0；
}
.content_选项卡：第n个子项（4）{
背景色：#F00；
右边距：0px；
}

这是我的HTML：

---

有什么想法吗？

要获得选择器中的每四个元素，请使用

4n

.content\u选项卡：第n个子项（4n）{
背景色：#F00；
右边距：0px；
}

注意，我在小提琴中使div的大小变小了，这样就更容易看到它在工作

.content div:nth-child(4n) {  /* selects 4, 8, 12, 16, etc. */
    padding: 10px;
}

或者，如果您希望从第一个开始的第四个元素，您可以使用：

.content div:nth-child(4n + 1) { /* selects 1, 5, 9, 13 .. */
    padding: 10px;
}

你应该改变

.content_tab:nth-child(4){

到

正如这里所解释的

或者，如果不希望选择第一个div，则需要

.content_tab:nth-child(4n+4){

---

可能是您使用的浏览器的副本？你有没有在一个非比尔·盖茨所有的机器上测试过它？可能是

.content_tab:nth-child(4n+4){