Css中!important的用法

2021-02-12 08:16

阅读:384

YPE HTML>

标签:img   set   gif   图片   false   用法   tle   mic   字体   

!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值

技术图片
测试!Important
这一行末使用important
这一行使用了important
技术图片

效果:

技术图片

CSS代码第一行设定了box里面所有div中字体色为红色,第二行和第三行都用class重新定义了自身div的字体色为蓝色,

不同的是,第二行未使用!important,而第三行使用了!

总结:

第一行字体颜色是红色,可以证明,css样式设置中,id的优先级大于class,这行字还是红色。

第二行字体颜色是蓝色,可以证明,!important的优先级最高,important_true的css样式生效,这行字变为了蓝色!


特别说明:

!important在IE6中是不被识别的,例:

.testClass{ 
    color:blue !important; 
    color:red; }

这种写法在IE6下是识别不到的,.testCalss最后显示为红色,但也可以通过更改下写法让IE6识别到!important

.testClass{ 
    color:blue !important; 
} 
.testClass{ 
    color:red; 
}

Css中!important的用法

标签:img   set   gif   图片   false   用法   tle   mic   字体   

原文地址:https://www.cnblogs.com/itjeff/p/13032695.html


评论


亲,登录后才可以留言!