!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显示蓝色*/
}
转载请注明转自五月兰博客,http://www.wuyuelan.com
分享到:
相关推荐
NULL 博文链接:https://onestopweb.iteye.com/blog/2314203
原生抽奖页面(炫酷抽奖),js+html+css!原生抽奖页面(炫酷抽奖),js+html+css!原生抽奖页面(炫酷抽奖),js+html+css!原生抽奖页面(炫酷抽奖),js+html+css!原生抽奖页面(炫酷抽奖),js+html+css!原生抽奖...
!important只有Ie7.0和firefox可以识别,但是Ie6.0不能成功应用.!important提升优先级,下面对它的用法做下总结
important也作为一个hack手段,其实这是一个误区。!important常常被我们用来更改样式,而不是兼容 hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是,大家...
邮件css web css 手机css!邮件css web css 手机css!邮件css web css 手机css!
css下!important效果演示代码
var important = require ( 'postcss-important' ) // CSS to be processed var css = fs . readFileSync ( 'input.css' , 'utf-8' ) // Process CSS var output = postcss ( ) . use ( important ( css ) ) . ...
CSS中的!important属性用..........
在工作中碰到这样一种情况: a. 页面上有一个a标签; b. 此a标签已经被外链css定义了background, 并且background中用了!important; c. 无权限对外部CSS进行修改 需求:点击a, 换background
”test”>使用jquery修改css中带有!important的样式属性 外部样式为: div.test{ width:auto !important; overflow:auto !important } 通过 $(“div.test”).css(“width”,”100px”);和 $(“div.test”).css(...
React库可以在嵌入式体验上使用动画,而CSS中需要使用!important。 什么时候使用 在大多数情况下,不应使用该库,仅在以下情况下使用: 如果需要在动画CSS上使用!important 安装 npm install --save react-...
项目中遇到在css 中使用width:200px; 界面不管怎么设置宽度都不会边200px,然后再后面加上!important就好了 复制代码代码如下: width: 80px!important;
CSS中的!important是一个非常重要的属性,有时候发挥着非常大的作用。
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过,可是现在发生了变化。众所周知,!important这个规则对Ie6.0,Ie7.0和Firefox...
一、css的优先级 今天有人跟我说csshack中用!important来区分ie6,因为ie6不支持!important,是的在很早以前我也是用过这种方法写hack,但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议,可是...
主要介绍了详解CSS样式中的!important、*、_符号的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下