#menu ul li a:hover ul{display:block;}這樣就顯示不出來？
為啥必須要才能顯示出隱藏的東西 ? ?#menu ul li:hover ul{display:block;}
為啥指向a標簽就不行？?#menu ul li a:hover ul{display:block;}
5 回答
舉報
0/150
提交
取消
為啥必須要才能顯示出隱藏的東西 ? ?#menu ul li:hover ul{display:block;}
為啥指向a標簽就不行？?#menu ul li a:hover ul{display:block;}
2016-07-16
舉報
2016-07-17
a不可用li可用 是因為a的hover事件被li的接管了
2016-08-07
這個是顯示 ?
2016-08-07
父元素:hover 可以操作子元素的樣式，相反則不可以
2016-07-16
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>無標題文檔</title> <style> *{margin:0;?padding:0;} a{font-size:12px;} #nav{background-color:#eee;?width:600px;?height:40px;?margin:0?auto;} #nav?ul{?list-style-type:none;??} #nav?ul?li{float:left;?height:40px;?line-height:40px;?text-align:center;?position:relative;} #nav?ul?li?a{?text-decoration:none;?color:#000;?display:block;?padding:0?10px;} #nav?ul?li?a:hover{color:#FFF;?background-color:#333;} #nav?ul?li?ul{?display:none;?position:absolute;?top:40px;?left:0;} #nav?ul?li?ul?li{float:none;?background-color:#eee;?margin-top:2px;} #nav?ul?li:hover?ul{display:block;} #nav?ul?li?ul?li?{height:40px;?width:90px;} </style> </head> <body> <div?id="nav"> <ul> <li><a?href="#">首頁</a></li> <li><a?href="#">課程大廳</a> <ul> <li><a?href="#">Javascript</a></li> <li><a?href="#">jQrey</a></li> <li><a?href="#">PHP</a></li> <li><a?href="#">HTML5</a></li> <li><a?href="#">CSS</a></li> </ul> </li> <li><a?href="#">學習中心</a></li> <li><a?href="#">經典案例</a></li> <li><a?href="#">關于我們</a></li> </ul> </div> </body> </html>2016-07-16
可以啊