Html 如何为具有特定类的奇数元素添加背景色？

我想给包装器元素中有

.row

类的奇数元素添加背景色。但是每个.row元素后面都有一个div，所以当我添加

n个子元素（奇数）

选择器时，所有

.row

元素的背景色都会改变。如何仅使用css添加

.wrapper{
边框：1px实心#ccc；
填充：20px；
}
.行{
填充：10px；
边界半径：3px；
}
.说明{
边缘底部：20px；
填充：10px；
}
.行：第n个孩子（奇数）{
背景：红色；
}

第1行
说明-1
第2排
说明-2
第3排
说明-3
第4行
说明-4
第5排
说明-5

在这种情况下，如果您完全知道将有另一个偶数元素进入，那么您需要找到偶数元素。您需要以不同的方式使用

：n-child（）

：

.row:n第n个子（4n+1）{

这将选择偶数元素的偶数项

.wrapper{
边框：1px实心#ccc；
填充：20px；
}
.行{
填充：10px；
边界半径：3px；
}
.说明{
边缘底部：20px；
填充：10px；
}
.行：第n个子项（4n+1）{
背景：红色；
}

第1行
说明-1
第2排
说明-2
第3排
说明-3
第4行
说明-4
第5排
说明-5

按照标记设置的方式，您需要针对

中的每一个第四个div元素。wrapper

：

.row:nth-child(4n+1) {
  background: red;
}

---

请记住，这是不灵活的，因此，如果您添加div，它将破坏奇数

.row

div的预期效果。

但是，它似乎与OP已经具有的结果完全相同，不是吗？@CalvinNunes看起来我犯了一个错误！等等…@CalvinNunes我很抱歉，我已经修好了。谢谢你提出来！