div{color:red!important;}
<divstyle="color:blue;">设定了style的div</div>
图4-34重要性的权重高于内嵌式样式
在CSS1中,制作者的“!important”规则超越用户的“!important”规则。但是在CSS2中,用户的“! important”规则具有最高的优先级,这样可以让网页更具易用性,例如有些视力不好的用户,可能会设定比较大的字体,这样就可以防止制作者定义了过 小的字体而使用户阅读困难。
4.6.5非CSS的表现类内容
现在仍然有一些制作者在(X)HTML文档内插入一些表现类的内容,例如<font>标签和align属性,这些表现类的内容被认为具有0特殊性,并且被当作是插入在作者样式表的开头部分,因此可能会被后面定义的样式规则覆盖。
例如下列代码在浏览器内显示如图4-35所示。
p{
background:yellow;
text-align:left;
}
<palign="right"><palign="right">,CSS:text-align:left;</p>
图4-35重要性的权重高于内嵌式样式
由4-35读者可以看到,虽然<p>的align属性定义为“right”,即右对齐,但是由于CSS中定义了“text-align:left;”,因此文字还是左对齐显示。
但是,如果是下面的代码:
.test{color:green;}
<pclass="test">p内的示例<fontcolor="blue">文字</font>。</p>
则<font>内的文字依然是蓝色(blue),因为对于<font>,<p>的color属于继承,因此标签内的属性高于继承值,但是如果增加CSS规则:
font{color:red;}
则<font>内的文字会变为红色(red),即“color="blue"”被CSS的“color:red;”覆盖。










