CSS中 !important 的使用

来源:互联网 发布:淘宝的冰裂杯有害吗 编辑:程序博客网 时间:2024/05/17 22:46

!important作用是提高指定CSS样式规则的应用优先权
在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。
一般地, .css文件中的定义 < 元素style中的属性

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>测试Css中的!Important区别</title> </head> <style type="text/css">.testClass{ color:blue !important;}</style><body>    <div class="testClass" style="color:red;">        测试Css中的Important    </div></body></html>

上述中,在ie或者Firefox和Chrome表现都是一致的,都显示蓝色

注意:IE6下:

.testClass{color:blue !important;color:red;} //这种写法在IE6下是识别不到 !important显示为红色
.testClass{ color:blue !important; } .testClass{ color:red; }//这种方法可以让IE6识别到!important
0 0
原创粉丝点击