html – 如何防止我的风格被覆盖在周围的div上的另一种风格?

前端之家收集整理的这篇文章主要介绍了html – 如何防止我的风格被覆盖在周围的div上的另一种风格?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看起来很小,但这里是问题。

样式如下:

#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选择器被覆盖。 Hunh?

解决方法

css为具有更多 specific个选择器的元素提供了更多的重量。所以如果你想要#Content h3不要覆盖h3#issueHeader,给它另一个选择器:例如#Content h3#issueHeader

如果您的h1 … hx元素通常是#405679,请将它们设置为没有#Content选择器。然后在需要时用更具体​​的选择器覆盖它们。

猜你在找的HTML相关文章