Html 仅选择使用css启动父级的子级

我认为这是一个非常简单的问题，但我似乎没有弄清楚。 我想用css设计一个列表的样式，但我想巧妙地影响“顶级

元素”

HTML

<ul class="test">
<li>1</li>
<li>2
    <ul>
        <li>2.1 - should not be red</li>
        <li>2.2 - should not be red</li>
    </ul>
</li>
<li>3</li>

---

我做错了什么？非常感谢！

没什么问题。你没有设置另一个

li

的

颜色，所以它是从父项继承的


没有问题。您没有设置其他
li
s的
颜色，因此它是从父级继承的


您没有嵌入式列表项的规则集您没有关闭
元素您没有嵌入式列表项的规则集您没有关闭
元素
.test > li {
     color: #f00;
}

.test > li {
    color: #f00;
}
li {
    color: #0f0;
}