获取n'；与之相关的第th个元素'；使用CSS的父对象

我想设计第n个元素相对于其父元素的样式，而不是相对于文档的样式。 得到这个：

css:

html:

//背景为白色

//背景为白色



//背景为白色

在本例中，每个second元素都有一个白色背景，从文档开始计数，不管这些元素是否有父元素“ul”

现在我希望在每个“ul”元素上，计数为resettet。结果应该如下所示：

<ul>
<li></li> // background is white
<li></li>
<li></li> // background is white
</ul>
<ul>
<li></li> // background is white
<li></li>
<li></li> // background is white
</ul>

//背景为白色

//背景为白色


//背景为白色

//背景为白色

有人能帮我吗

ul > li:nth-child(2n) {background: #fff;}

不过，这应该没有必要。您的原始代码工作正常：

使用此 和直接后代选择器

ul >li:nth-of-type(2n){ background: #fff; }

---

工具：

考虑到

li

是

ul

中唯一可以有效包含的元素，这是多余的。在将代码发布到此处之前，您是否检查了代码？

ul > li:nth-child(2n) {background: #fff;}

ul >li:nth-of-type(2n){ background: #fff; }