CSS中!improtant的使用
来源:互联网 发布:java 并发 lock详解 编辑:程序博客网 时间:2024/06/07 05:25
CSS的原理:
我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。
首先,先看下面一段代码:
测试Css中的!Important区别
.testClass{
color:blue !important;
}
测试Css中的Important
虽然元素的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中!improtant的使用
- !improtant和*的css hack
- element.style覆盖样式,使用!improtant解决
- struts中CSS的使用。
- CSS中参数的使用
- css 中!important的使用
- css中clip的使用
- css中选择器的使用
- CSS中opacity的使用
- css中过滤器的使用
- css中outline的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中!important的使用
- CSS中 !important 的使用
- CSS中!important的使用
- CSS中position的使用
- android 屏幕适配
- 轻松自动化---selenium-webdriver(python) (六)
- Xcode快捷键
- Ubuntu下安装Docker,及Docker的一些常用命令操作
- 基于gsoap开发WebService服务返回结构体数组
- CSS中!improtant的使用
- iOS开发 创建自己的UserAgent
- OPEN TSDB - 基于时间的数据库
- 反射机制
- Eclipse配置 JOnAS服务器
- 宏定义的高级用法和#、##替代用法
- [转]Android Matrix利用invert实现逆向坐标映射
- 安装android studio报错Failed to install Intel HAXM
- C++Primer 第五版 9.3.1节练习