假如样式表文件 1 给 body 定义为红色字体,样式表 2 给 body 定义为蓝色字体,到底听谁的呢?这就涉及到了样式表的优先级。
原来以为样式表优先级由低到高是:内联》嵌入、输入》连接。实际中才发现,不是这样的,应该是:内联》嵌入、输入和连接。参见四种方式将样式表应用到HTML
说白了,就是谁离 HTML 元素最近,就听谁的,内联样式表,直接将样式写在 HTML 标签中,它的优先级最高。其它三个看引用方式了,最后引用的离 HTML 标签最近,即最后引用的优先级最高,不管是 link 还是 @import。
那么可否灵活处理一下呢?可以!利用!important
看如下语句:
body
{
color:red!important;
}
增加了 !important 声明(注意有一感叹号,并且是在分号之前写),那么这句(仅这句)即使是先引用,它的优先级也要高些。