css3 last-child 语法不起作用

Question

我无法让 last-child 伪类影响最后一个列表项。我的 css 语法有什么错误？网址 = http://chesstao.com

我无法让 last-child 伪元素影响最后一个列表项。我的 css 语法有什么错误？

 HTML:
 <section class="top-bar-section">

 <ul class="right"> 

 <li class="has-dropdown">
 <a href="#">instruction</a>
 <ul class="dropdown">
 <li><a class="plain" href="#">Students</a></li>

 <li><a href="#">Products</a></li>
 <li><a href="#">Services</a></li>
 <li><a href="#">my rates</a></li>

 </ul>
 </li>

 </ul>

 CSS3:

 .top-bar-section ul li.has-dropdown ul.dropdown:last-child {background:red !important;}

Answer 1

首先你缺少一个</li>结束标记

<li>
    <a class="plain has-dropdown" href="products.php" >Products</a>
</li>

它是

ul.dropdown li:last-child {background:red;}

而且你不需要!important

演示:http://jsfiddle.net/fsFLy/1/