css - #nav-bar li :hover ul not working?

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>

但这里没有显示的是 fiddle

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>