我试图学习CSS，遇到了子选择器和子选择器的概念。为了尝试这一点，我实现了以下HTML代码，并与给定的CSS代码链接。

我只期望主列表项变成blueviolet，因为它被定义为子选择器。我以为子选择器只会选择直接子元素，而忽略第二级子元素。但相反，所有子元素和主子元素都变成了蓝紫色。我对这两种选择器类型的理解错了吗？

---

顺晟科技：

是的。第一个列表元素中的所有标记都是您的直接子标记，因此当您使用CSS选择器

时，它们都将具有blueviolet背景

可以通过使用选择器重写此样式来为这些嵌套元素获得不同的样式来实现您试图实现的目标

如前所述，它选择li，并使用所有it子元素作为默认继承的text-color。为了防止第二级列表继承文本颜色，默认情况下，您必须通过使用。这将把文本颜色重置为默认颜色，而不从父元素继承颜色。

就像你在里面推的子标签一样，所以整个都在里面。您必须将tag放在tag之外，或者对selector使用不同的方法。有关某些方法，请参阅下面的代码片段。