html - 带有子菜单的简单列表菜单不起作用

Question

下面的代码不起作用，子菜单在页面加载时显示，但它应该隐藏。我在这里遗漏了什么吗？

您可以在 http://jsfiddle.net/x3yJ6/ 查看代码

CSS:

.menu > li{
    display: inline;
}

.menu > li{
    display none;
}

.menu > li:hover ul{
    display: block;
}

HTML:

<ul class="menu">
  <li>Item a
    <ul class="submenu">
    <li>SubItem a</li>
        <li>Sub Item b</li>
    </ul>
  </li>
  <li>Item b</li>
</ul>

Answer 1

2 个错误:

.submenu > li{
    display: none;
}