＃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>