选择ul li child不是孙子

Question

我找到了一个CSS选择器来从父级ul中选择子li而不是孙子li:

parentulid > li

看这里

但是如何从顶级父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>

这不起作用:

#header > ul li {
  background-color: rgb(255, 0, 0);
  border-radius: 0px 0px 10px 10px;
}

因为孙子孙也受到了影响.

Answer 1

>再次使用,比如#header > ul > li.这只会匹配li作为直接后代的uls的直接后代的s #header.