我的菜单中的子类别始终可见,即使它们的显示设置为无。我究竟做错了什么?下拉菜单不隐藏子类别
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