仅将CSS样式应用于第一个< li>在嵌套列表的根中 [英] Applying CSS styling to only the first <li> in the root of a nested list

问题描述

我想要应用CSS只有第一个li，但：first-child 适用于所有第一个孩子的每个ul

i want to apply the CSS only first li but :first-child apply to all first child of every 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>​

转红。

推荐答案

使用子选择器：

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

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

这篇关于仅将CSS样式应用于第一个< li>在嵌套列表的根中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！