博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS !Important及感叹号(!) hack的应用
阅读量:5447 次
发布时间:2019-06-15

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

!important是我们在解决css ie6兼容性问题中最常用到一个语法,不少人误以为!important是一种hack,实际上,!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,只是ie6不支持而已。如下:

body

{
color: black !important; /* IE6以上版本及其他浏览器中的颜色*/
color: blue;/*ie6中的颜色*/
}

实际上,在上面的例子中,ie6并非不能识别!important前面的属性“black”,只是ie6不能识别!important前面的属性“black”的优先级。如下:

body

{
color: blue;
color: black !important; /* 所有浏览器中都会显示黑色,当然这样的写法毫无意义*/
}

不难看出,!important所赋予其之前的属性值的高优先级只是浏览器的一个怪癖而已,实际上,IE7及更早版本的IE浏览器接受任意字符串替代important,并且会正常处理”!“之前的css属性值,而其它浏览器则会忽略。如下:

body

{
color: black; /*IE7以上版本IE及其他浏览器显示黑色*/
color: blue !ie; /*IE7及以下版本IE显示蓝色*/
}

这里"!"+"任意字符串"类似于星号(*)的作用,只识别IE7及以下版本IE。如下,可实现同样的效果。

body

{
color: black; /*IE7以上版本IE及其他浏览器显示黑色*/
*color: blue; /*IE7及以下版本IE显示蓝色*/
}

转载于:https://www.cnblogs.com/wuyuelan/archive/2012/08/16/2643289.html

你可能感兴趣的文章
jira-6.0.1-x64下载地址
查看>>
PAT IO-03 整数均值
查看>>
ios下DatePicker获取时间的问题
查看>>
$_SERVER
查看>>
4 款消息队列软件产品大比拼
查看>>
TeX-换行换页与段落命令
查看>>
BZOJ2728: [HNOI2012]与非
查看>>
Apache Hadoop配置Kerberos指南
查看>>
C#比较时分秒大小,终止分钟默认加十分钟,解决跨天、跨月、跨年的情况
查看>>
回文数字判断
查看>>
kmp算法
查看>>
抛弃火狐……
查看>>
objective-c中是如何实现线程同步的?
查看>>
jq工具函数(八)使用$.extend()扩展工具函数
查看>>
elasticsearch kibana 安装 配置
查看>>
python3 不知文件编码情况下打开文件代码记录
查看>>
打开eclipse出现JVM terminated.Exit Code=-1错误的解决办法
查看>>
SSH连接时出现Host key verification failed的原因及解决方法【转载】
查看>>
2017.6.7
查看>>
7. 炒股怎么看盘
查看>>