css中的!important作用

css中的!important作用

一、总结

1、!important:是hack

2、!important作用让浏览器首选执行这个语句,当对同一个对象设置了多个同类型的属性的时候,首选执行这一个

3、hack是什么:每个浏览器对某些css的样式解释的不太一样,这样页面上显示的就不一样,但是要保持每个浏览器都同样显示效果的话,那么只有对有差异的浏览器写它自己认识而别的浏览器不认识的样式来达到显示相同的目的这个在css中叫hack

4、!important辨析:!important不是不重要的意思,而是重要的意思,!(感叹号在这里并不表示 非)

 

二、CSS中!important 作用

CSS中“!important”可以使它之前的样式优先执行,比如说这样:
body {
color : red !important;
}
body {
color : black;
}
颜色color出现了两次,而加上“!important”的“color : red;”总会得到优先执行浏览器将对另一个“color : black;”视而不见
之所以会说得复杂,是因为“IE 6.0一直都不支持这个语法,而其他的浏览器都支持。因此可以利用这一点来分别给IE和其他浏览器不同的样式定义”,我认为这只不过是一个小技巧罢了。

 

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性,这里写段代码:
 1 <html>
 2 <head>
 3 <title>黄色背景</title>
 4 <style type="text/css">
 5 body
 6 {
 7 !important
 8 background:red;
 9 }
10 </style>
11 </head>
12 <body >
13 </body>
14 </html>

 

简单来说,每个浏览器对某些css的样式解释的不太一样,这样页面上显示的就不一样,但是要保持每个浏览器都同样显示效果的话,那么只有对有差异的浏览器写它自己认识而别的浏览器不认识的样式来达到显示相同的目的这个在css中叫hack。所以我们就需要知道某个浏览器认识某些写法了。当遇到问题的时候就可以使用这些hack来解决问题了,不过对于你说的这个hack我倒是没用过,只要代码写的好,基本上除了ie6都是可以通过的

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值