帶子菜單的簡單列表菜單不起作用

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 &第二個錯誤display none;

Answer 2

2錯誤：

.submenu > li{ 
    display: none; 
}