博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css important
阅读量:5152 次
发布时间:2019-06-13

本文共 1122 字,大约阅读时间需要 3 分钟。

在网上查了很多写关于css important的。说实话,他们几乎写的都是一样的。不知道是哪个复制哪个的,错误都是一样的,差点把我误导了。所以,我觉得根据自己查阅的资料和自己的理解解释下css important!

其实important的作用就是提高这个css属性优先级。我不管这个属性在IE里是不是个BUG。我这里只讲使用方法!

important分为两种使用情况:

  (例一)1.IE7及以上版本和其它主流浏览器

  

div {     color:red !important;     color:blue; }

  important提高这个css属性优先级,important这行放上面和下面的效果是一样的!它会告诉IE7及以上版本和其它主流浏览器div的字体颜色为red,后面的相同属性会被忽悠!

  (例二)2.IE6

div {     color:red !important;     color:blue; }

  div的字体颜色为blue,因为IE6在相同属性(如color)中设置important,它是不认识的,所以color会被后面的blue覆盖前面的red。

css:#box div{     color:red; }.important_false{     color:blue;}.important_true{     color:blue !important;}html:
这一行末使用important
这一行使用了important

  第一行(class="important_false")字体颜色显示为red,因为"#box div"优先级大于".important_false";这段代码在IE6中第二行(class="important_true")也显示为blue,和IE7及其它主流浏览器显示效果一样。当important出现在不同样式类(如importan_true,important_false),IE6才能识别。在例一同一个样式类(如:

#box div{

 color:red;

color:blue!important;

}

)IE6是无法识别 !important,但是还是能识别 blue,所有color为blue,如果把color:blue!important;放到 color:red;前面,在IE6中color则显示为red。

 

 

  

 

转载于:https://www.cnblogs.com/webhelper/p/3689151.html

你可能感兴趣的文章
centos 引导盘
查看>>
Notes of Daily Scrum Meeting(12.8)
查看>>
Apriori算法
查看>>
onlevelwasloaded的调用时机
查看>>
求出斐波那契数组
查看>>
Vue.js 基础学习之组件通信
查看>>
lr_start_transaction/lr_end_transaction事物组合
查看>>
每天一个Linux命令 - 【chkconfig】
查看>>
△UVA10106 - Product(大数乘法)
查看>>
golang (7) 文件操作
查看>>
关于 Object.defineProperty()
查看>>
[转] Maven 从命令行获取项目的版本号
查看>>
CodeIgniter学习笔记(四)——CI超级对象中的load装载器
查看>>
.NET CLR基本术语
查看>>
Java Development Environment in Linux: Install and Configure Oracle
查看>>
ubuntu的home目录下,Desktop等目录消失不见
查看>>
建立,查询二叉树 hdu 5444
查看>>
[Spring框架]Spring 事务管理基础入门总结.
查看>>
2017.3.24上午
查看>>
Python-常用模块及简单的案列
查看>>