css 中的！important为优先级的确定

  css !important 在css样式中主要是为了实现css代码的优先级别，主要写在样式规则之后：
比如说： {color:#fff!important;}.

       一般css里面的优先级别规则都是按级层覆盖 然而使用 !important 可以改变 优先 级别为最高。

       这打破了我们之前覆盖平衡，优先于正常的css规则。

       这个标记在我们的浏览器中也出现了 css hack ，最重要的一点是：IE 6.0一直都不支持这个语法，而其他的浏览器都支持。

       因此我们也可以通过这个标记编写不同浏览器的css代码：

    <style type="text/css">
    div { background :   yellow !important ;   background: green }
    </style> ­

    在ie7,ie8,firefox,chrome等新版本内核浏览器下都能正确的显示背景颜色为黄色，然而ie6却会显示为绿色。

    从这个例子中我们也可以知道这是ie6的一个最早出现的css hack，平常我们可以这样区别。

       在下面的背景颜色中我们会看到显示为红色：

    <style type="text/css">
    div { background :   blue ;   background :   red !important ;   }
    </style> ­

       通过例子我们可以看出只要  !important 标记 在谁的样式后面，它的级别一定是最高的。

       其实并不是ie6.0不识别  !important标记  ，在上面我们在同一标记中定义，所以ie6.0不支持，其实我们可以通过重定义代码让ie6.0支持  !important 标记 。

       上面的第一个例子我们可以这样写：

    <style type="text/css">
    div { background :   yellow !important ;}
    div {background: green}
    </style> ­
       我们可以看到在 ie6中背景颜色也显示为黄色。