看起来很小,但这里是问题。
样式如下:
#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选择器。然后在需要时用更具体的选择器覆盖它们。