css - CSS 動的複数ティア ドロップダウン メニュー

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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

デモ: http://jsfiddle.net/TKBdY/