css - 如何更改此 CSS 代码中的文本颜色?

标签 css

我有一个带有一些菜单项的简单标题:

<div id="header">
<ul id="menu">
<li class="item">
<a class='loginlinks' href='/signup'>Sign Up</a>
<a class='loginlinks' href='/login'>Log In</a>
</li>
</ul>
</div>

我正在尝试使用下面的代码将注册和登录文本颜色更改为白色,但它没有任何效果......文本继续继承红色的全局文本颜色。

.loginlinks a {
color: white;
}

我在这里做错了什么?

编辑:我看到了我的错误,但是即使将 css 更改为 a.loginlinks 也没有成功。

已解决 所有正确答案,我选择了对 Firebug 的引用,因为它最终帮助我确定了问题。感谢大家。

最佳答案

最佳做法是使用颜色代码(十六进制),而不是名称。

a.loginlinks {
color:#FFFFFF;
}

因为现在不推荐使用颜色名称分配颜色。

working DEMO

注意:如果还是有问题,尝试用firebug调试,可能是继承了其他一些属性

引用:http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-color-contrast

关于css - 如何更改此 CSS 代码中的文本颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6001458/

相关文章:

javascript - 如何使用下拉选项隐藏和显示按钮?

html - 左边有一些文字的一行

html - 为什么我的 div 不响应底部和左侧

jquery - WordPress 上缓慢的 JQuery CSS 布局调用(强制回流)

macos - Mac OSX HTML5&CSS3 文本编辑器

html - 浏览器垂直滚动条失败

CSS 表格单元格填充、间距

jquery - newsmap.jp风格

javascript - 使用javascript按下shift键时如何显示大写字母?

javascript - 将鼠标悬停在元素 B 上时更改元素 A 的背景 - mouseleave 不起作用