Css 仅对第一级中的子图元应用样式 申请 申请 忽略 忽略

如何仅将CSS规则应用于第一级的span元素，并使嵌套列表中的span元素忽略该规则

在不特别重置第二层跨度上的属性的情况下，是否可以执行此操作

---

尝试了

ul>li span

，但似乎不起作用，我也将样式应用于第二级将列表放入带有ID的包装div中，例如

，然后尝试：

#ul wrapper>ul>li>span{
/*我的特定CSS*/
}

---

需要指定容器，以便只能选择第一级ul

只要外部

ul

的父级不是另一个

li

，您就可以使用它作为选择器的起点（例如，假设它是

div

）：

 #container >  ul > li span { /* - Your CSS Here - */  }

---

外部

ul

的父元素是什么？它是一个div？这有什么关系？看我的答案。您可以将其用作选择器的起点。@Alex这很重要，因为任何只影响ul的第一级子元素的规则都会影响每个ul元素的第一级子元素，因此我们必须指定ul to样式的父元素，因此它是可选择的。从问题：“在不特别重置第二级跨度上的属性的情况下，是否可以执行此操作？”

 #container >  ul > li span { /* - Your CSS Here - */  }

ul > li > span {border:solid 1px red;}
li > ul > li > span {border:none 1px red;};

div > ul > li span {
    /* Whatever */
}