                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /形形色色的下拉菜單

三級菜單的隱藏和顯示只能在一級菜單的基礎上嗎

分別三個等級的菜單欄不同的ID，設置三級菜單的隱藏和顯示時直接用#second li:hover ul{display: block};為什么沒反應

慕哥3251431

2017-07-24

源自：形形色色的下拉菜單 5-2

關注問題我要回答

1713

操作

收起

2 回答

依然安妮
2017-07-27

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無標題文檔</title>
<style>
??li{?list-style:none;}
??#second?li?ul{
????display:none;
??}
??#second?li:hover?ul{
????display:block;
??}
</style>
</head>

<body>
??<ul?id="one">
????<li>一級菜單
??????<ul?id="second">
????????<li>二級菜單
??????????<ul?id="three">
????????????<li>三級菜單</li>
????????????<li>三級菜單</li>
????????????<li>三級菜單</li>
??????????</ul>
????????</li>
????????<li>二級菜單</li>
????????<li>二級菜單</li>
??????</ul>
????</li>
????<li>一級菜單</li>
????<li>一級菜單</li>
??</ul>
</body>
</html>