Question

我遇到的问题是文本颜色在菜单项上没有变化，但背景颜色是？

html如下......

<nav><ul>
<li class="active"> <a href="index.cfm" class="NavHome" title="Home" >Home</a></li>
<li> <a href="aboutus.cfm" class="NavAboutUs" title="About" >About us</a></li>
<li> <a href="services.cfm" class="NavServices" title="Services" >Services</a></li>
</ul></nav>

CSS如下......

nav { margin:0px 0px 0px 0px; padding:75px 0px 0px 0px;  }
nav ul { overflow:hidden; list-style: none; }
nav li { float:left; font-size:12px; line-height:16px; text-transform:uppercase;  text-align:left; }
nav li a { text-decoration:none; color:#FFFFFF; display:block; height:32px; padding:5px 0px 0px 10px; }
nav .active a {color:#40404d; background-image:url(../images/button-on-left.gif), url(../images/button-on-right.gif); background-position:top left, top right; background-repeat:no-repeat; background-color:#ffffff; }
nav li a:hover {color:#40404d; background-image:url(../images/button-on-left.gif), url(../images/button-on-right.gif); background-position:top left, top right; background-repeat:no-repeat; background-color:#ffffff; }
nav .last {background:none;}

.NavHome { width:55px;}
.NavAboutUs { width:80px;}
.NavServices { width:145px;}

我尝试在颜色样式上使用!important方法，但没有运气。

任何帮助都非常感激。

由于

Answer 1

您的字体和背景设置为颜色：#fff（白色）。

如果我理解正确，你可以尝试：

nav li a { text-decoration:none; color:#000; display:block; height:32px; padding:5px 0px 0px 10px; }

在导航后添加此内容。

<强>代码：您可以将其设置为所需的颜色。

a:hover{
   color: green; 
}

这将在悬停时起作用并更改字体颜色。

fiddle

css文字颜色不起作用但背景颜色是

1 个答案: