WEB前端开发 加入小组

353个成员 2938个话题 创建时间:2011-05-23

有关 CSS 多重样式 优先级的那些事。。。

发表于 2013-05-13 6637 次查看

CSS有自己的气节和理想, 在多重样式下,它会有个优先级。。。

一般情况下的优先级是这样的:
(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style
什么,不知道外部/内部/内联样式是什么意思?看这里啦-> http://www.howzhi.com/group/web-dev/discuss/11096

有个例外的情况,就是如果外部样式放在内部样式的代码后面,则外部样式将覆盖内部样式。

选择器的优先权 

jc6_002

 

解释:

1.  内联样式表的权值最高 1000;

2.  ID 选择器的权值为 100

3.  Class 类选择器的权值为 10

4.  HTML 标签选择器的权值为 1


CSS 优先级法则:

A  选择器都有一个权值,权值越大越优先;

B  当权值相等时,后出现的样式表设置要优于先出现的样式表设置;

C  创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;

D  继承的CSS 样式不如后来指定的CSS 样式;

E  在同一组属性设置中标有!important”规则的优先级最大;示例如下:

 

p{
color:#00f !important; /* 优先级最大 */
}

原文链接:http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html

发表回复
功能维护升级中,维护完成完后将再次开放,非常抱歉给您学习造成的不便。