使用css仅选择表中的特定元素

我被一些CSS wordpres样式卡住了。我想设计这一段的风格，但我如何才能只选择前两个“li”（特色，特色2）

---

谢谢你的帮助

您可以使用以下解决方案：

ul.smooth li:第n个孩子（1），
李：第n个孩子（2）{
颜色：红色；
}

测试
测试
测试
测试

试试看

查看此网站，如果这不起作用，可能会很有用：

---

和两个选项：1。通过

第一个孩子
和
第n个孩子（2）
。2.按属性选择器
[data id=“{featured}”]


li{
显示：块；
高度：5px；
边缘底部：1px；
背景色：#ddd；
}
李：第一个孩子，
.o1李：第n个孩子（2）{
背景颜色：蓝色；
}
.o2 li[数据id=“{featured}]”，
.o2 li[数据id=“{featured2}”]{
背景颜色：蓝色；
}













li:nth child（-n+2）您可以在ul选择器上使用：first child和：first child+li
{featured}
是模板引擎的占位符吗？或者它在浏览器上可见吗？
<div class="categories-wrp" data-type="cliparts">
<ul class="smooth">
<li data-act"item" data-id="{featured}"></li>
<li data-act"item" data-id="{featured2}"></li>
<li data-act"item" data-id="110"></li>
<li data-act"item" data-id="111"></li>
</ul>
</div>

.smooth ul li:nth-child(-n+2){
    color: red;
}