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下拉菜单字体颜色

回答

相关问题