为什么我的字体颜色设置无效？

Question

我尝试过这个：

#ambrosia h3
{
    font: 12px/18px Arial,Verdana,sans-serif;
    font-color: red;
    font-weight: bold;
}

并且这个：

#ambrosia h3
{
    font: 12px/18px Arial,Verdana,sans-serif;
    color: red;
    font-weight: bold;
}

但我最终仍然得到了H3文本上的灰色字体。

为什么？

- Tree

---

color: red; 应该可以工作（font-color 是不正确的）。你的样式表中可能有其他样式覆盖了它。同时，请检查你的 HTML，确保 h3 真的存在于带有 id="ambrosia" 的元素中。如果你使用 color: red !important; 能够生效，那么你就知道其他规则是罪魁祸首了。 - BoltClock

Answer 1

可能你在id为#ambrosia的元素中设置了另外一种颜色，导致它比通用选择器更优先；或者在h3标签内部有另一个带有颜色属性的标签。

或者，在你的html代码中，你应用了#ambrosia到

标签上，但是在css中，你指定了一个在#ambrosia元素内部的h3元素。如果你想要使用<h3 id="ambrosia">，你的css应该是：

h3#ambrosia { color: red; }

- JakeParis

Answer 2

你很可能有其他CSS代码使用了更为具体的选择器来设置了<h3>元素的字体颜色。如果能提供那个选择器或者你的HTML标记，我们就可以提供一个更为具体的选择器来覆盖字体颜色。请注意保留HTML标记。

- Nick Craver

Answer 3

您应该使用Chrome浏览器的“检查元素”选项。 右键点击该行，选择“检查元素”，它会显示您的元素CSS演变的路径。

- Yoni

Answer 4

颜色：红色；的语法是正确的。但是可能您的CSS文件中有其他样式与之冲突。

您可以尝试使用“Firebug”Firefox插件。它将允许您选择元素并查看应用于元素的确切样式以及您的类是否被覆盖。

- Exoas