內聯樣式菜單，有一個下拉菜單，不會繼承內聯顯示

Question

我想設計一個下拉菜單，涵蓋了網站的主容器的整個寬度。我已經應用到菜單的outtermost分類鏈接的部分樣式是用於水平菜單的「display：inline」。

因爲此風格適用於父元素，所以子元素（子菜單項，在本例中爲下拉菜單）也會繼承此類顯示。我試圖找到一種方法來防止兒童li項目進行內聯顯示。我希望他們的顯示是垂直的（標準列表樣式）。

我一直試圖解決這個問題很長一段時間沒有成功。

我的CSS

body{font-family:helvetica; color:white;} 
a{color:white; text-decoration:none;} 
a:hover{background-color:darkred;} 
input{background-color:#000; color:#777; border:none; padding:5px;} 
#menu{background-color:#222; padding:10px 0px 10px 0px; } 
#menu li{display:inline;} 
.menu-category-link{font-size:15px; font-weight:bold; padding:15px 12px 15px 12px;} 
.submenu{display:none; position:absolute; margin:0px; padding:0px; margin-top:8px;} 
.dropdown{width:900px; border-top:3px solid darkred; position:absolute; height:200px; background-color:#111;} 
.dropdown ul li {display:block;} 

我的標記

<div id="main-container" style="width:900px; height:1000px; background-color:#000; margin:0px auto 0px auto;"> 
    <ul id="menu"> 
     <li><a class="menu-category-link" href="#">MEN</a> 
      <ul class="submenu"> 
       <li> 
        <div class="dropdown"> 
         <ul> 
          <li><a href="#">T-shirts</a></li> 
          <li><a href="#">Pants</a></li> 
          <li><a href="#">Clothes</a></li> 
          <li><a href="#">Hats</a></li> 
         </ul> 
        </div> 
       </li> 
      </ul> 
     </li> 
     <li><a class="menu-category-link" href="#">WOMEN </a> 
      <ul class="submenu"> 
       <li> 
        <div class="dropdown"> 
         <ul> 
          <li><a href="#">Dresses</a></li> 
          <li><a href="#">Skirts</a></li> 
          <li><a href="#">Tops</a></li> 
          <li><a href="#">Denim</a></li> 
         </ul> 
        </div> 
       </li> 
      </ul> 
     </li> 
     </ul> 
</div> 

我的JQuery

$(document).ready(function(){ 
     $("#searchfield").Watermark("Search"); 
     $("#menu li").hover(function(){ 
      $(".submenu").hide(); 
      $(this).children(".submenu").show(); 
     }); 
     $('.dropdown').css('display', ''); 
    }); 

Answer 1

你需要讓你的下拉更具體的比你#menu li聲明：