更改一个 li 菜单项的字体颜色答案

【问题标题】：Changing font color of one li menu item更改一个 li 菜单项的字体颜色
【发布时间】：2014-04-17 00:24:56
【问题描述】：

我有一个 li 菜单，默认文本设置为白色。我需要该列表项的一个元素具有绿色字体。我创建了一个特殊的 css 类来将列表项的颜色指定为绿色，但它不起作用。我尝试将项目的样式设置为字体为绿色，这也不值得担心。任何帮助，将不胜感激！！这是li项目的代码。

   <div id="navmenu">
        <ul id="menu">
        <li id="home" style="width: 10%; border-top-left-radius: 10px; background-color:#cdced0; color:Green"><a href="#">THINK GREEN</a></li>
        <li id="flights" style="width: 10%; border-right: 2px solid white; border-top-right-radius: 10px"  ><a href="#">YOUR STYLE</a></li>
        <li id="events" style="width: 15%; border-right: 1px solid white; border-top-left-radius: 10px" ><a class="current" href="#">INSPIRATIONS</a></li>
     </ul>
    </div>


#menu
{
width:85%;  
list-style:none;  
margin:0;  
padding:0;
 margin:0;  
text-decoration: none;
}


#menu li
{
 margin:0;
background-color: #d2232a;
float:right;
padding-top: 10px;



}




#menu li a
{

display:block;  
height: 25px;

font-weight: bold;
color: White;
text-align: center;
text-decoration: none;
font-family: helvetica;







}
#menu li a:hover
{
background-color: #94191c;
color: #fff;
font-weight: bold;
font-family: helvetica;


}

【问题讨论】：

标签： html css vb.net

【解决方案1】：

您需要设置<a> 元素的样式，而不是<li>。像这样的：

#menu #home a {
    color:green;
}

这是一个小提琴，我没有更改任何内容，只是将上面的 CSS 添加到您发布的代码中：http://jsfiddle.net/VfJaG/

【讨论】：

【解决方案2】：

问题是浏览器在链接上有默认颜色。将颜色设置为 li 您不会将其应用于 a。所以你需要应用这个

#home a {
    color:#d2232a;
}

【讨论】：