似乎很基本,但这是问题。
样式表如下:
#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {
color: #405679;
}
h3#issueHeader {
color: blue;
}
这样的HTML:
<div id="Content">
<h3 id="issueHeader">In This Issue:</h3>
</div>
Firebug和我的眼球向我展示的是,颜色是从div继承的,而不是我的issueHeader选择器覆盖了内容选择器,而不是像我期望的那样覆盖了内容选择器。 un?
最佳答案
css为具有更多specific选择器的元素赋予更多权重。因此,如果您希望#Content h3
不覆盖h3#issueHeader
,请为其提供另一个选择器: #Content h3#issueHeader
如果您的h1 ... hx元素通常是#405679,请将其设置为没有#Content选择器的元素。然后在需要时使用更具体的选择器覆盖它们。