CSS中!important的使用 本篇文章使用最新的IE10以及firefox与chrome测试 !important优先级最高
来源:互联网 发布:二级vb软件序列号 编辑:程序博客网 时间:2024/06/10 01:17
CSS的原理:
我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。
首先,先看下面一段代码:
<!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>
虽然元素的style中有testClass类的定义,但是在上面的css定义中的用!important限定的定义却是优先级最高的,无论是在ie6-10或者Firefox和Chrome表现都是一致的,都显示蓝色。
这种情况也同时可以说明ie6是可以识别!important的,只是这个是ie6的一个缺陷吧。如果写成下面的样式,ie6是识别不出来的:
.testClass{ color:blue !important;color:red;}
这样,在ie6下展示的时候会显示成红色。
当然,也可以通过以下方式来让ie6识别:
.testClass{
color:blue !important;
}
.testClass{
color:red;
}
通过以上方式也是可以让ie6显示成蓝色的。
以上实例说明使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug,注意书写方式一般可以轻松避开的。
0 0
- CSS中!important的使用 本篇文章使用最新的IE10以及firefox与chrome测试 !important优先级最高
- css中使用!important优先级最高问题
- css中使用'!important'使属性值有最高优先级
- css 中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中 !important 的使用
- CSS中!important的使用
- CSS中 !important 的使用
- css之!important最高优先级
- !Important的使用及测试
- css !important用法以及CSS样式使用优先级判断
- 【CSS优先级与!important】
- CSS优先级与!important
- CSS中使用!important解决IE6 IE7 Firefox兼容性问题
- 使用jquery修改css中带有!important的样式属性
- Python 3.6+Django开发入门小案例(自动变化的问候)完整步骤
- 为什么敏捷开发备受欢迎?
- 146. LRU Cache
- TI osal蓝牙协议栈回调分析
- 关于listview的adapter的一些思考
- CSS中!important的使用 本篇文章使用最新的IE10以及firefox与chrome测试 !important优先级最高
- Asp防止网页频繁刷新和强制不缓存的方法
- 【正一专栏】爱是一种信仰
- opengl渲染管线 不能再详细了
- Hadoop distcp 命令跨集群复制文件
- flex中HttpService的send方法
- opengl基础知识 关于四个变换的顺序
- 如何有效提高asp页面的访问速度
- red5与flex通信 HashMap