CSS !important的作用

原文地址：http://blog.sina.com.cn/s/blog_7f5bde5c01013gut.html

    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中背景颜色也显示为黄色。