首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS式样优先级

2013-02-24 
CSS样式优先级?本页面引用了外部样式external.css:@import url(base.css)@import url(another.css)?

CSS样式优先级

?本页面引用了外部样式external.css:

@import url('base.css');@import url('another.css');

?

可以看到external.css中又引用了base.css和another.css两个样式表:

在base.css中将p元素颜色设定为黄色, 在another.css将p元素颜色设定为蓝色;

这个时候页面中将显示的是【蓝色】,因为,another.css出现在base.css之后,优先级高于base.css;

?

如果在external.css中将p元素的颜色改为红色,那么页面中最终呈现的颜色将会是【红色】,因为,被import的样色表优先级【低于】引用的样式表。

?

总的说来CSS中样式表优先级如下:

内部样式表 > 外部样式表 > 外部样式表引用的样式表(被引用的样式表后出现的优先级较高) > 浏览器自带样式

热点排行