我找到了一个CSS选择器来从父级ul中选择子li而不是孙子li:
parentulid > li
Run Code Online (Sandbox Code Playgroud)
但是如何从顶级父div中选择相同的,这样嵌套?
<div id="header">
<ul id="Head">
<li>one</li>
<li>
two has children
<ul>
<li>a</li>
<li>b</li>
</ul>
</li>
<li>
three has children
<ul>
<li>x</li>
</ul>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
这不起作用:
#header > ul li {
background-color: rgb(255, 0, 0);
border-radius: 0px 0px 10px 10px;
}
Run Code Online (Sandbox Code Playgroud)
因为孙子孙也受到了影响.