选择子项

Question

我的HTML代码：

<ul id="top_nav"> 
<li > 
    <a href="#"> 
     <span>About</span> 
    </a> 
</li> 
<li class="active"> 
    <a href="#"><span>News</span></a> 
    <ul> 
     <li class="active"> 
      <a href="#"> 
       <span>News1</span> 
      </a> 
     </li> 
     <li> 
      <a href="#"> 
       <span>News2</span> 
      </a> 
     </li> 
    </ul> 
</li> 
<li> 
    <a href="#"> 
     <span>Contacts</span> 
    </a> 
</li> 

，我需要选择新闻1项目。我尝试：

#top_nav li ul li .active a span{ 
    color:#ff0000; 
} 

但仍然没有好处。你可以尝试自己在http://jsfiddle.net/dCGQ2/2/

所以有关于此？

Answer 1

#top_nav li ul li.active a span

注意.active之前没有空间。这意味着元素（在这种情况下为li）具有类别active。有了空间，这意味着一个active类的子元素。

Answer 2

您正在尝试匹配“作为活动班成员的列表项”（li.active），但您在说“作为列表项的后代的活动班的成员”（li .active）。

摆脱空间。