如何更改此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>

我做错了什么

EDIT:我看到了我的错误，但是即使将css更改为a.loginlinks也没有奏效

解决了所有正确答案，我选择了对firebug的引用，因为这最终帮助我确定了问题。谢谢大家。

试试这个：）

这表示“

loginlinks

类的元素中的

a

标记”。您需要“

a

具有

loginlinks

类的标记”：

将CSS更改为

a.loginlinks {
color: white;
}

---

这是因为在您的DOM中没有登录链接

换句话说，再次检查它，您将看到类

.loginlinks

附加到

a

因此，为了让它工作，只需使用以下CSS：

a.loginlinks {
   color: white;
}

编辑：阅读操作编辑后，解决方案取决于如何定义“全局”

a

如果OP“绝望”，他/她可以使用

！重要信息

属性，whch将覆盖所有其他定义

像这样：

a.loginlinks {
    color: white !important;
}

---

最佳做法是使用颜色代码（十六进制），而不是名称

a.loginlinks {
color:#FFFFFF;
}

因为现在不推荐按颜色名称指定颜色

注意：如果仍然存在问题，请尝试使用firebug进行调试，可能是继承了其他一些属性

---

参考：如果我正确假设了你的条件，那么它将像这样求解

body {background:red;color:red}
#header a {color:yellow}
#header a.loginlinks {color: white }

---

参见这里的示例

当你给出更详细的答案时，你会得到更多的分数。（将lonesomeday的答案与您的答案进行比较。）谢谢，我将尝试提供更详细的答案。@lonesomeday我提供了指向Good stuff，+1的链接。有趣的是，在中没有提到。好的-已解决。使用firebug可以让我看到红色是从哪里继承来的。谢谢你的帮助。问：我认为指定特定于DOM元素的css会覆盖css中以前出现的任何css……不是这样吗？这本书写于2000年。在CSS3中，他们认为在CSS中使用颜色名称对他们来说很酷。

a.loginlinks {
    color: white !important;
}

a.loginlinks {
color:#FFFFFF;
}

body {background:red;color:red}
#header a {color:yellow}
#header a.loginlinks {color: white }