＃nav-bar li：hover ul不工作？

Question

我下面的CSS选择器#nav-bar li:hover ul应显示

<li><a href="#">Marketing</a></li> 
    <li><a href="#">Advertising</a></li> 
    <li><a href="#">Media</a></li> 

但这里没有显示是小提琴

http://jsfiddle.net/g9Rrn/1/

Answer 1

你有什么：

<li><a href="#">Contact</a></li> 
<li> 
    <ul> 
    <li><a href="#">Marketing</a></li> 
    <li><a href="#">Advertising</a></li> 
    <li><a href="#">Media</a></li> 
    </ul> 
    </li> 

你已经关闭了包含“Contact”的列表元素，然后在其中包含子列表。它应该是：

<li> 
    <a href="#">Contact</a> 
    <ul> 
    <li><a href="#">Marketing</a></li> 
    <li><a href="#">Advertising</a></li> 
    <li><a href="#">Media</a></li> 
    </ul> 
</li>