!important

今天看到别人用了!important,怀着好奇的心情,我询问了百度。

语法

Selector{sRule!important;}

作用

是提高指定规则的应用优先权。

CSS企图创造一个平衡作者和用户之间的级层样式表。 CSS企图创造一个平衡作者和用户之间的级层样式表。
默认情况下,CSS规则按级层覆盖,例如在.CSS文件中的定义可以被html文件中<style type="text/css"></style>里的定义覆盖,反之不行;书写在下面的定义可以覆盖写在上面的定义,反之不行。 默认情况下,CSS规则按级层覆盖,例如在.CSS文件中的定义可以被html文件中 里的定义覆盖,反之不行;书写在下面的定义可以覆盖写在上面的定义,反之不行。
然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。 然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。
例: 例:
p { : 1em ! important } p { : 1em ! important }
p { font-style: italic ! important } p { font-style: italic ! important }
p { : 18pt } p { : 18pt }
p { text-indent: 1.5em} p { text-indent: 1.5em}
p { font: normal 12pt sans-serif} p { font: normal 12pt sans-serif}
p { font-size: 24pt } p { font-size: 24pt }
在这些规则中 未被覆盖的有: 在这些规则中 未被覆盖的有:
p { text-indent: 1em ! important } p { text-indent: 1em ! important }
p { font-style: italic ! important } p { font-style: italic ! important }
p { font-size: 24pt } p { font-size: 24pt }
,,,等高端浏览器下,已经可以识别 !important属性, 但是IE 6.0仍然不能完全识别. important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里),IE 6.0认为! important优先级较高,否则当含! important的样式属性被同一个{}里的样式覆盖时,IE 6.0认为! important较低! ,,,等高端浏览器下,已经可以识别 !important属性, 但是IE 6.0仍然不能完全识别. important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里),IE 6.0认为! important优先级较高,否则当含! important的样式属性被同一个{}里的样式覆盖时,IE 6.0认为! important较低!
important,最主要是为了IE 6.0浏览器。 important,最主要是为了IE 6.0浏览器。
经验分享 程序员 微信小程序 职场和发展