Question

element.style {
    float: left;
    font-weight: bold;
    margin-right: 8px;
}
a:link {
    text-decoration: none;
}
front_layout.css (line 21)
Inherited from div#header
#header {
    color: #FFFFFF;
}
front_layout.css (line 542)
Inherited from body
body {
    font: 75%/160% Arial,Helvetica,sans-serif;
}

这些是从这个元素的firebug中显示的所有样式。

这个元素的颜色经常是别的东西，而不是白色（视觉和萤火虫的计算部分）。

这是为什么？什么覆盖了#div header的继承价值？

编辑：元素是一个链接。 <a float: left; font-weight: bold; margin-right: 8px" href="">About Us</a>

Answer 1

这是您看到的链接的默认颜色。添加

#header a {
    color: #ffffff;
}

，您的链接将为白色。

容器div #header的颜色不会应用于包含a标记。您必须明确指定它。

Answer 2

因此属性color指的是字体颜色。 background-color指的是背景颜色。不确定你是否混淆了这些。

如果它的字体颜色相关，请尝试在color属性后添加！important，看看是否覆盖了它。如果是这样，那么它可能是一个级联问题，您需要查看正在设置的其他元素。你有a:link { color:red; }某处导致问题吗？如果您的结束标记错误，也会发生这种情况。

HTML元素的颜色是错误的

2 个答案: