一模一樣操作的，前面都顯示正常，為啥到了最后一步鼠標移動到一級菜單display：block這個效果就是沒用呢？
?<style type="text/css">
*{ margin:0px; padding:0px;}
? ? ? ?ul{margin: 0;padding: 0}
?#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}
? ? ? ?ul li a{text-decoration: none;display: block;width:90px;height: 40px;background: red;line-height: 40px;color:#fff;text-align: center;}
? ? ? ?ul li{list-style: none;float: left;overflow: hidden;}
? ? ? ?ul li ul li{margin-top: 2px;background: #ccc;float: none;display: none;}
? ? ? ?ul li ul li:hover{background: #07b;}
? ? ? ?ul li:hover{background: #5ab56f;}
? ? ? ?ul li:hover ul{display: block;}
</style>
</head>
<body>
<div id="menu">
? ?<ul>
? ?
? ? ? <li><a href="#">首頁</a></li>
? ? ? <li><a href="#">課程大廳</a>
? ? ? ? ? <ul>
? ? ? ? ? ? ? ?<li><a href="#">JavaScript</a></li>
? ? ? ? ? ? ? ?<li><a href="#">jQuery</a></li>
? ? ? ? ? </ul> ?
? ? ? </li>
? ? ? <li><a href="#">學習中心</a></li>
? ? ? <li><a href="#">經典案例</a></li>
? ? ? <li><a href="#">關于我們</a></li>
??
</ul>
2015-08-13
??ul li ul li{margin-top: 2px;background: #ccc;float: none;display: none;} ?寫錯了
應該是ul li ul{isplay: none;}
2015-09-19
怎么改？