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

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

使用以下代码更改您的css

.menu .submenu{
    display: none;
}

Updated fiddle

第一个错误.menu > li＆amp;第二个错误display none;

Answer 2

2个错误：

.submenu > li{
    display: none;
}