純粋な CSS マルチレベルのソリューション menu_html/css_WEB-ITnose

ul li を使用して無限のドロップダウン メニューを作成します

css の書き込み #nav ul li ul{ display:none}
#nav ul li:hover ul{ display:bock}


この場合、マウスをホバーして最初のレベルのメニュー 2 番目のレベルとそのレベル 3、4、5、6、7、8、9 のすべてのサブメニューが展開されます
#nav ul li:hover ul li ul{ display:none と書かなければなりません}

レベルが何十もある場合、部下のマウスホバーが表示されないように # nav ul li ul li ul ... li:hover ul li ul と愚かに書かなければならないのではありませんか？ ? ? ?

専門家はこの問題をどのように解決しますか?

ディスカッションに返信 (解決策)

js で解決するには、純粋な CSS には互換性の問題があります。結局のところ、ホバーはすべてのブラウザーでのみサポートされます

http://bbs.csdn. net /topics/390686370

http://jingyan.baidu.com/article/9f63fb91f5e897c8400f0e06.html マルチレベル CSS
http://www.wzsky.net/html/Website/CSS/113149.html

#nav li ul{display:none}
#nav li:hover>ul{display:bock}

#nav li ul{display:none}
#nav li:hover>ul{display:bock}


マスター、ワン> 問題を解決するだけです。