注意CSS代码中的!important属性
来源:互联网 发布:一知f君2月13号视频 编辑:程序博客网 时间:2024/05/17 17:17
原文来自http://www.enet.com.cn/article/2009/0104/A20090104411251.shtml
CSS中的!important是一个非常重要的属性,有时候发挥着非常大的作用,这方面的知识并不是非常多,我们看下面的文章,对它作比较感观的了解。
前几天写一些CSS代码的时候又难为我了,因为那个该死的IE6对CSS的支持是如此的差劲,以前我还没注意过,因为做的东西基本都是基于IE的,可是我这次为博客写的CSS要支持不止IE一个浏览器,可恨的是我装的Windows 7,这里面自带的是IE8浏览器,我自认为已经没有问题了,可是打开IE6,仍然出现错位,于是我决定看看IE6到底是什么情况。
我把所有的CSS块儿全部使用边框包起来,结果看到在IE中两个div之间的距离明显要宽于其他浏览器,比如你写一个div的margin属性为20px,那么在IE中就好像是40px一样,这也就是为什么本来精度计算的刚刚好,在IE下却偏偏错位的原因。
后来我看到了!important这个属性,这个属性其实也是css规范中的,结果IE6愣是不支持,也正因为它不支持,才让很多的CSSer们找到了解决的方法。一般来讲,在css中,如果在同一个css块中写下两个同样的属性,那么其实是按照最下面的来执行的,比如说:
.home{
margin-left:20px;
margin-left:40px;
}
那么在执行的时候其实是按照40px来执行的,!important的出现就是为了让用户自己设置被执行语句的优先级。如果把上面的语句改为:
.home{
margin-left:20px!important;
margin-left:40px;
}
那么在火狐、google浏览器以及IE7以上版本下将会按照20px来执行,而在IE6下却仍然按照40px来执行,因为IE6并不支持!important规范,我们就可以按照这个规则来满足IE6的设计需要,什么时候发现IE6和其他浏览器显示效果不同,那么就设置两个,在上面的一个加入!important标记,而下面的一句则不需要添加,这样IE6就按照下面的来执行了。资深的CSSer说:如今的CSS处处!important。这可都是天杀的IE6惹的祸,大家说IE6就是一坨代谢产物一点也不为过。
- 注意CSS代码中的!important属性
- CSS中的!important属性用法
- CSS中的!important属性用法
- CSS中的!important属性用法
- css important 属性学习
- CSS中的!important简析
- css中的!important
- css ! important 属性详细解释
- 【CSS】CSS选择器优先级及!important属性
- 【CSS】CSS选择器优先级及!important属性
- CSS 中 !important的用法注意!
- 关于css important属性的一些想法
- (礼拜四log)前端开发,使用jq的.css函数添加属性时!important要注意的问题
- css 中的!important为优先级的确定
- 利用js修改 css样式 注意点 !important
- css important
- CSS !important
- CSS:!important
- Delphi中的Record
- Gray码
- Android---文字中插入表情
- phpBB3风格的模板文件列表
- 互联网还留给我们这些出路
- 注意CSS代码中的!important属性
- AjaxPanel
- TGIFImage 不是控件,如何安装
- Lc.exe 已退出,代码 -1
- minicom不能输入问题
- netty 3.1 中文用户手册
- OGC简介
- 分享Linux程序员Spence Murray的开发技巧
- Netty 3.1 中文用户手册(二)-开始