CSS dynamic multiple 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/