• 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都是可以通过的

  • 相关阅读:
    poj 1789 Truck History(最小生成树)
    POJ 3096 Surprising Strings(STL map string set vector)
    hdu 1412 (STL list)
    POJ 1552 Doubles (C++ STL set使用)
    poj 水题系列
    洛谷P4859 已经没有什么好害怕的了
    CF1228E Another Filling the Grid
    二项式反演
    AT [ABC177F] I hate Shortest Path Problem
    [NOI2020]制作菜品
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9001383.html
Copyright © 2020-2023  润新知