CSS后来居上原则

由于CSS只是一组规则，因此当规则重复定义时并不会有什么警告或者提示。因为，有时候我们需要对样式进行重新定义而编写重复的规则。

比如我们在页面中导入多个样式表文件，多个样式表文件中都对body元素的背景进行了不同的设置，系统则自动使用最后一次匹配的样式进行展示。

举一个简单的例子，比如我们不小心在同一个样式规则中多次设置div元素中文本的颜色，代码如下:

div{color: red；color: blue}

上面代码先后两次为div标记设置了文本颜色属性，页面中展示出来的将是最后一次设置的值(这里是蓝色(blue)。

另外，不同CSS样式的引入方式也可能会对该原则造成影响，这一点主要体现在引入外部CSS样式表文件中。

引入外部CSS样式表文件有两种方式，使用起来各有差异，详细说明如下。

• @ import语句导入：该语句导入的CSS样式表文件内容会自动加入到当前syle元素的顶端执行，也就是说导入的样式先于当前style元素中配置的任何CSS样式执行。如果当前style元素中导入多个CSS样式表文件，那么它们之间则按导入的先后顺序进行解释执行。当然多个style元素互相之间就没有什么影响了。
• link元素链入：该元素的使用比较简单，它只在使用ink元素链入样式表文件的位置进行解析，先后顺序以link标签的顺序为准。这一点没有什么异议。

当然，如果上升到HIML文档级别，style元素和link元素执行的先后顺序就以它们在HTML文档中的先后顺序为准。