深入了解CSS的继承性及其应用

　2008-03-09 11:35:29　来源：WEB开发网　　　

核心提示：上面我们讨论了多个样式规则同时应用于同一对象时，哪个规则会被最终应用的一些情况，深入了解CSS的继承性及其应用(3)，可能有些细心的读者会说，那STYLE元素呢？对啊，即使是从带有!important的规则继承的值也是如此，在匹配重要规则的元素之外，HTML代码中可以直接应用内联样式STYLE的嘛，那么它的特性值如何呢

上面我们讨论了多个样式规则同时应用于同一对象时，哪个规则会被最终应用的一些情况，可能有些细心的读者会说，那STYLE元素呢？对啊，HTML代码中可以直接应用内联样式STYLE的嘛。那么它的特性值如何呢？

回答是这样的：带有STYLE的元素在CSS1下其特性值为100，尽管类似于#ID316这样的ID选择符的特性值也为100，但在实际应用中，STYLE这一权值会更高一些，因为STYLE元素的值看起来要比多数普通规则的权值大。所以我们可以看出内联样式具有高的特性值，具体的例子我们就不举了，大家可以自己试试。

　　六、人为定义CSS继承优先级

　　在制作网页的过程中，我们可能想要设置某个规则比其他的规则更重要，CSS中允许这样设置，它们被称为重要规则（important rule）。这是根据其声明的方式和它们的自然属性来命名的。通过在一条规则的分号前插入！important这样一个短语来标记一条重要规则，比如说：

P.apple {color:#red !important; background:white;}

颜色值#red被标记为!important，而背景色white未被标记，如果需要二条规则都是重要的话，那么每条规则都需要标上!important。

正确地放置!important的位置是很重要的，否则整条规则将为无效。!important总是放在规则声明的最后，在分号之前。

标记为!important的规则具有最高的权值，也就是说他没有具体的特性值，但是比其他的权值都要大。需要注意的是，虽然制作者定义的样式比用户定义的样式具有更高权值时，但!important规则恰恰相反：重要的用户定义规则要比制作者定义的样式具有更高权值，即使是标记为!important的重要规则也是如此。

看了这么多文字介绍后，我们来举个例子看一下：

　　样式定义：
　　H1 {color:gray !important;}

　　应用举例代码：
　　<H1 STYLE=”color:black;”>看这儿！</H1>

　　应用举例效果:
　　!important规则会覆盖内联STYLE属性的内容，所以结果文字是灰色的而不是黑色的。