CSS中关于!important重要性的详细介绍

      css中的!important是一个非常重要的属性,有时候发挥着非常大的作用,52css.com这方面的知识并不是非常多,我们看下面的文章,对它作比较感观的了解。
  前几天写一些css代码的时候又难为我了,因为那个该死的ie6对css的支持是如此的差劲,以前我还没注意过,因为做的东西基本都是基于ie的,可是我这次为博客写的css要支持不止ie一个浏览器,可恨的是我装的windows 7,这里面自带的是ie8浏览器,我自认为已经没有问题了,可是打开 ie6,仍然出现错位,于是我决定看看ie6到底是什么情况。
  我把所有的css块儿全部使用边框包起来,结果看到在ie中两个p之间的距离明显要宽于其他浏览器,比如你写一个p的margin属性为20px,那么在ie中就好像是40px一样,这也就是为什么本来精度计算的刚刚好,在ie下却偏偏错位的原因。
  后来我看到了!important这个属性,这个属性其实也是css规范中的,结果ie6愣是不支持,也正因为它不支持,才让很多的csser们找到了解决的方法。一般来讲,在css中,如果在同一个css块中写下两个同样的属性,那么其实是按照最下面的来执行的,比如说:

  1.    1: home{   2:    margin-left:20px;   3:    margin-left:40px;   4: }   5:

登录后复制

  那么在执行的时候其实是按照40px来执行的,!important的出现就是为了让用户自己设置被执行语句的优先级。如果把上面的语句改为:

  1.  1: home{   2:    margin-left:20px!important;   3:    margin-left:40px;   4: }   5:

登录后复制

  那么在火狐、google浏览器以及IE7以上版本下将会按照20px来执行,而在IE6下却仍然按照40px来执行,因为IE6并不支持!important规范,我们就可以按照这个规则来满足IE6的设计需要,什么时候发现IE6和其他浏览器显示效果不同,那么就设置两个,在上面的一个加入!important标记,而下面的一句则不需要添加,这样IE6就按照下面的来执行了。资深的CSSer说:如今的CSS处处!important。这可都是天杀的IE6惹的祸,大家说IE6就是一坨代谢产物一点也不为过。

以上就是CSS中关于!important重要性的详细介绍的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

css伪类中关于visited样式无效的解决方法

2025-3-29 18:12:14

编程技术

CSS中如何使用!important声明强制优先的具体介绍

2025-3-29 18:12:26

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索