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