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="issueHead 看起来很小，但这里是问题。

样式如下：

#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 – 如何防止我的风格被覆盖在周围的div上的另一种风格？全部内容，希望文章能够帮你解决html – 如何防止我的风格被覆盖在周围的div上的另一种风格？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。