关于小悟志网站地图归档友情链接联系Feed

云上小悟 + 

首页 » 网站建设 »

CSS中的“!important”

2015年2月18日 / 50次阅读
CSS

文章《CSS中的“!important”》的特色图片

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important },即

写在定义的最后面,例如:box{color:red !important;}。

 

CSS规则的默认优先级

1, 写在元素中的style优先级最高;

2, 现在文件header部分的style优先级次之;

3, 引用的外部CSS文件优先级再次之;

4, 浏览器默认样式优先级最低。

!important的出现可以打破这种默认的优先关系,有的时候非常有用。

 

W3C的专业说明

CSS企图创造一个平衡作者和用户之间的级层样式表。

默认情况下,CSS规则按级层覆盖的(即上面说的顺序),例如在.CSS文件中的定义可以被style标签的定义覆盖,反之则不行。

然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。

例:
p { text-indent: 1em ! important }
p { font-style: italic ! important }
p { font-size: 18pt }
p { text-indent: 1.5em}
p { font: normal 12pt sans-serif}
p { font-size: 24pt }

//在这些规则中 未被覆盖的有:
p { text-indent: 1em ! important }
p { font-style: italic ! important }
p { font-size: 24pt }

 

本文链接:http://www.maixj.net/wz/css-important-2526
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.


前一篇:
后一篇:

栏目精选

云上小悟,麦新杰的独立博客

栏目


©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
拍拍贷
go to top