我的菜單中的子類別始終可見,即使它們的顯示設置爲無。我究竟做錯了什麼?下拉菜單不隱藏子類別
http://codepen.io/MrAxlee/pen/QwyVMJ
<header id="header">
<!-- Logo -->
<h1 id="logo">MrAxlee</h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#">Home</a>
<ul>
<li><a href="#">Intro</a></li>
<li><a href="#">What I do</a></li>
<li><a href="#">My Work</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
而CSS
#nav ul li ul {
display:none;
}
#nav ul li:hover > ul {
display:block;
}
糟糕!這實際上是將它複製到這裏的錯字,錯字實際上並不在我的網站上。 [鏈接](http://mraxlee.x10.mx)如果有幫助。 – 2014-12-09 11:54:00
你沒有#nav ul li ul {display:none;}在你的站點的css中 – clement 2014-12-09 11:59:04
[Nav CSS](http://mraxlee.x10.mx/css/nav.css) [main CSS](http ://mraxlee.x10.mx/css/style.css)。 Nav CSS優先於主CSS – 2014-12-09 12:04:22