CSS動態多個teir下拉菜單

Question

我最近開始嘗試爲自己開發一個簡單的WordPress主題，並從導航菜單中打開牆壁。

下拉菜單將包含多個項目和多個子菜單，以後需要添加更多項目。來自默認Wordpress主題的示例 - http://i.imgur.com/zhhbH.png

我想知道什麼樣的CSS在菜單後面能夠動態地添加其他項目和子菜單而沒有限制。

感謝

Answer 1

試試這個：

CSS：

li ul { 
    display: none; 
} 

ul li:hover > ul{ 
    display: block; 
} 
​ 

HTML：

​<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li> 
     Item 3 
     <ul> 
      <li>Subitem 3.1</li> 
      <li>Subitem 3.2</li> 
      <li> 
       Subitem 3.3 
       <ul> 
        <li>Subitem 3.3.1</li> 
        <li>Subitem 3.3.2</li> 
        <li>Subitem 3.3.3</li> 
       </ul>      
      </li> 
     </ul> 
    </li> 
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

DEMO：http://jsfiddle.net/TKBdY/