仅将CSS样式应用于嵌套列表根目录中的第一个<li>

Question

我想首先应用CSS但是:first-child适用于每个ul的所有第一个孩子

这是我的CODE

#menu-navigation li:first-child{
   color:red;
}?

应用于此HTML时:

<ul class="nav" id="menu-navigation">
    <li>Home</li>
    <li>About Us
        <ul>
            <li>Our Team</li>
        </ul>
    </li>
</ul>?

......"Home"和"Our Team"都变红了.

Answer 1

使用子选择器:

#menu-navigation>li:first-child{
   color:red;
}?

例如:http://jsfiddle.net/w47LD/3/