似乎很基本,但这是问题。

样式表如下:

#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选择器的元素。然后在需要时使用更具体的选择器覆盖它们。

10-05 20:57
查看更多