Css下拉菜單字體顏色

在我的下拉菜單中，「li」的字體顏色是白色，而「懸停」顏色變成黑色，我也有下拉菜單。當鼠標懸停在我的產品的子菜單上時鏈接，字體顏色產品（李）更改爲白色我的懸停背景也是白色，在這裏我的問題，我怎麼能保持我的「李」的顏色爲黑色？Css下拉菜單字體顏色

我的樣式表

#menu{width:auto; margin: 0px 0px 0px 0px; background-color: #000; height:32px; float:right; border-radius:0px 0px 10px 10px ;} 
#menu ul{list-style-type:none; margin:0px; padding:0px; margin-left:10px;} 
#menu ul li{float: left; position: relative; margin-left:0px; height:29px; padding-top:3px;} 
#menu ul li:active {color:#000;} 
#menu ul li:hover{background-color: #f5f5f5; margin-left:0px; color:#000} 
#menu ul li a{color: #fff; padding: 0 16px; line-height:25px; font-size:13px; font-family:arial; display: block; text-decoration:none; margin-left:0px;} 
#menu ul li a:hover{background-color: #f5f5f5; margin-left:0px; color:#000;} 
#menu ul li ul li{float: none; position: relative; margin-left:0px;} 
#menu ul li ul{position: absolute; top:32px; left:0; display: none; background-color: #000; width:150px; margin-left:0px;} 
#menu ul li:hover > ul{display: block; margin-left:0px; color:#000;} 
#menu ul li ul li a{white-space: nowrap; line-height:25px; margin-left:0px;} 
#menu ul li ul li ul{position: absolute; top:0; left:145px; display: none; background-color: #000; width:150px; margin-left:0px;}

我的HTML代碼

<div id="menu"> 
      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Profile</a></li> 
       <li><a href="#">Product</a> 
        <ul> 
         <li><a href="#">Has Submenu</a></li> 
         <li><a href="#">Has Submenu</a></li> 
         <li><a href="#">Has Submenu</a></li> 
         <li><a href="#">Has Submenu</a></li> 
         <li><a href="#">Has Submenu</a></li> 
        </ul> 
       </li> 
       <li><a href="#">Other Services</a></li> 
       <li><a href="#">Contact Us</a></li> 
      </ul> 
     </div>

來源

2013-11-20 Dhanil

請提供相同的小提琴。 – Parixit

我也建議您使用菜單的不同級別的類名。它確實讓你的css更具可讀性，並且你在衝突規則方面的問題更少。 –

添加以下CSS：

#menu ul li:hover > a { 
    color: #000; 
}

的問題是定位標記。無論您爲li設置什麼顏色，定位標記的樣式爲color: #fff。

來源

2013-11-20 12:50:32 matewka

是的，它的工作感謝兄弟！ – Dhanil

不客氣。 – matewka

Css下拉菜單字體顏色

回答

相關問題