2014-12-09 131 views
-1

我的菜單中的子類別始終可見,即使它們的顯示設置爲無。我究竟做錯了什麼?下拉菜單不隱藏子類別

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; 
    } 

回答

0

「il」不是「li」 「:-)

這個炒菜鍋大:

#nav ul li ul { 
    display:none; 
} 
    #nav ul li:hover > ul { 
     display:block; 
    } 

他還與FTP的麻煩,但現在一切都是爲了他好。

+0

糟糕!這實際上是將它複製到這裏的錯字,錯字實際上並不在我的網站上。 [鏈接](http://mraxlee.x10.mx)如果有幫助。 – 2014-12-09 11:54:00

+0

你沒有#nav ul li ul {display:none;}在你的站點的css中 – clement 2014-12-09 11:59:04

+0

[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

0

你有一個錯字在你的CSS

#nav ul il ul { 
    display:none; 
} 

它應該是#nav UL李UL :)

+0

糟糕!這實際上是將它複製到這裏的錯字,錯字實際上並不在我的網站上。 [鏈接](http://mraxlee.x10.mx)如果有幫助。 – 2014-12-09 11:54:44

0

看看這個你拼錯

#nav ul il ul { 
    display:none; 
} 

http://jsfiddle.net/yufrfueo/

+0

糟糕!這實際上是將它複製到這裏的錯字,錯字實際上並不在我的網站上。 [鏈接](http://mraxlee.x10.mx)如果有幫助。 – 2014-12-09 11:55:26