CSS教程_CSS免费实例教程_全面精通Css样式（7）

2012-02-15 02:09:00 评论 936次浏览

屏幕就是一个战场，在一个HTML文件中，如果有3种不同的样式表规则都使用P作为其选择。输入的样式表指示浏览器将文字用红色显示，而植入的样式表指示浏览器用蓝色显示，而行内样式表指示浏览器用黄色。

那么可怜的浏览器该听谁的呢？

好在支持样式表的浏览器自身配有样式表的串接顺序来应付这种情形。总有几种样式表规则要比其它的规则更重要。根据正式的规定，以下为样式表的串接顺序：

浏览器将按照上述顺序执行样式表的指令。

但是还要一个问题。如果同一种类的多个规则相互冲突怎么办？比如，如果一项植入样式表规则将以绿色显示，而另一个规则要求以红色显示？

多亏聪明的样式表标准的发明人，对于这种冲突也有一个顺序，但很复杂。这里有一个极其简单的解决顺序：

使用特别说明的样式表规则，例： BODY { color: green } P { color: red }

有一项规则特别说明 中的文字一红色显示，但它同时也继承了<BODY>的绿色规定。但是特别说明了的规则的重要性要大于继承的规则，所以之内的文字一红色显示。
应用继承的样式表规则 如果不存在第1步中所列的特别说明的规则（比如存在特别说明了的多项规则），则浏览器转向执行继承的规则。如果找不到继承的规则，则浏览器转向执行第3步。
按照样式表规则在HTML中的显示顺序执行。 P { color: green } P { color: red }

当无法适用上述规则时，浏览器将根据规则在代码中显示顺序执行。在上例中，作为讲座一红色显示，因为它是最后给出的规则。