为什么我的字体颜色设置不起作用？

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文字仍然是灰色字体。

为什么？

Answer 1

您可以为身份#ambrosia设置另一个颜色集，并且优先于通用选择器，或者您在h3中有另一个标记为其分配颜色的标记。

或者，在您的html中，您已将#ambrosia应用于h3标记，但在您的css中，您指定了一个h3元素 in 一个#ambrosia元素。如果您想使用<h3 id="ambrosia">，您的CSS应该是

h3#ambrosia { color: red; }

Answer 2

你可能有其他 CSS，它有一个更具体的选择器，为你的<h3>提供字体颜色，识别选择器和/或发布你的标记将有助于我们提供更具体的选择器将覆盖字体颜色。

Answer 3

您应该使用Chrome的“Inspect Element”选项。 右键单击该行并选择Inspect Element，它将显示元素的CSS演变路径。

Answer 4

颜色：红色;语法是正确的。但是，您的css文件中可能存在其他一些冲突的样式。

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