i don't recall your name but your manners are familiar意思艾森豪威爾矩陣Eisenhower MatrixUrgent and important Matrix 中文important造句to you for you用法It is important to V

important的用法及作用- 每文朝夕 - 博客园

文章推薦指數： 80 %
投票人數：10人

定义及语法!important，作用是提高指定样式规则的应用优先权（优先级）。

语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red ... 首页 新闻 博问 专区 闪存 班级 我的博客 我的园子 账号设置 简洁模式... 退出登录 注册 登录 每文朝夕 !important的用法及作用 定义及语法  !important，作用是提高指定样式规则的应用优先权（优先级）。

语法格式{cssRule!important}，即写在定义的最后面，例如：box{color:red!important;}。

 在CSS中，通过对某一样式声明!important，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。

浏览器识别     ie7及ie7+,firefox,chrome等浏览器下，已经可以识别!important属性，但是IE6.0IE6及更早浏览器下仍然不能完全识别。

important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE6.0认为!important优先级较高，否则当含!important的样式属性被同一个{}里的样式覆盖时，IE6.0认为!important较低!。

    案例分析    IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。

请看下述代码： div{!important;color:#000;}//在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；ie7、ie7+、及其它浏览器下div的文本颜色为#f00。

       IE6及以下浏览器要使!important生效，可用以下代码：   div{color:#f00!important;} div{color:#000;} //上述代码中，ie6及其以下浏览器div的文本颜色为#fff,后面的重写的div样式没有起作用，important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE6.0认为!important优先级较高, 可以识别!important。

  提高指定样式规则的应用优先权（优先级）  

!important #testp{ color:#000; } .fontstyle{ color:#00FF00!important; } 样式带有!important的元素优先级最高 //.fontstyle样式使用了!important，所以有优先级最高，覆盖掉#testp的color样式    总结实例 *IE都能识别;标准浏览器(如FF)不能识别*   !important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用. (一)区别ie与标准浏览器(如FF)的hack为:border:2pxsolid#f00;*border:1pxsolid#f00;  //如果*定义的样式放前面会被后面的样式给覆盖掉，因为*不能提高样式的优先级 (二)区别Ie6.0与Ie7.0、firefox的hack为:border:1pxsolid#f00!important;border:2pxsolid#f00; //!imorpant则可以提高样式的优先级，所以可以放前面定义。

  posted@ 2017-04-0614:27  每文朝夕  阅读(60109)  评论(3)  编辑  收藏  举报 刷新评论刷新页面返回顶部 Copyright©2022每文朝夕 Poweredby.NET6onKubernetes

請為這篇文章評分？

延伸文章資訊