我有以下清单
<ul>
<li class="item-header">header</li>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
我想<li>item1</li>只选择并使用以下选择器为其分配填充。这是我的CSS所做的事情：
li:not(.item-header):first-child {
padding-top: 2em;
}
而且什么也没选择。我究竟做错了什么？
该:first-child伪类不工作的方式。它无法正常工作，因为该元素不是第一个孩子。
要覆盖第一个孩子确实拥有该类的实例，请通过使用相邻的同级组合器item-header选择一个后续li元素+。
li:not(.item-header):first-child,
li.item-header:first-child + li {
padding-top: 2em;
}
现在应该可以按预期工作了（例如）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句