辩驳一个默认的说法：IE6不支持!important (转http://www.cnblogs.com/lanyueer/archive/2011/03/29/1998398.html)-优快云博客

一："!important"是什么？

第一个，是设置样式的优先级，设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，

它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去吧。。我背景颜色要优先显示class设置的啦，因为它有!important做后台呀。。

第二个，可以利用它让页面效果在ff等浏览器上和ie6效果更相同。。。。

因为不同的浏览器有自己默认的样式，所以你设一个样式在不同的浏览器里会有不同的效果，而有了!important，你就可以。。。话说，这里先略过，偶也没怎么用!important解决浏览器兼容性问题。。。

就是说，它是解决浏览器兼容性问题的有效方法之一。。。。。

先把代码贴出来，嘿嘿。

   
   
    
    <!
    
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    
    >
    
    

    
    <
    
    html 
    
    xmlns
    
    ="http://www.w3.org/1999/xhtml"
    
    >
    
    

    
    <
    
    head
    
    >
    
    

    
    <
    
    meta 
    
    http-equiv
    
    ="Content-Type"
    
     content
    
    ="text/html; charset=utf-8"
    
     
    
    />
    
    

    
    <
    
    title
    
    >
    
    无标题文档
    
    </
    
    title
    
    >
    
    

    
    <
    
    style 
    
    type
    
    ="text/css"
    
    >
    
    
#test 
    
    {
    
    
    color
    
    :
    
    red !important
    
    ;
    
    /*
    
    IE7、FF、OP等显示红色文字
    
    */
    
    
    color
    
    :
    
    green
    
    ;
    
    /*
    
    IE6显示绿色文字
    
    */
    
    

    
    }
    
    
span 
    
    {
    
    color
    
    :
    
    gray !important
    
    ;
    
    }
    
    
span 
    
    {
    
    
    color
    
    :
    
    gray !important
    
    ;
    
    /*
    
    IE6将不会将文本显示为灰色(gray)
    
    */
    
    
    color
    
    :
    
    red
    
    ;
    
    

    
    }
    
    


    
    </
    
    style
    
    >
    
    

    
    </
    
    head
    
    >
    
    


    
    <
    
    body
    
    >
    
    

    
    <
    
    div 
    
    id
    
    ="test"
    
    >
    
    我是即日旮旯
    
    </
    
    div
    
    >
    
    



    
    </
    
    body
    
    >
    
    

    
    </
    
    html
    
    >

声明哈。。。。div里面的文字没有讽刺吉日的说，，偶是很喜欢吉日的商业精神的，他是偶学习和敬佩的人之一，虽然园子里有些朋友说吉日老师推荐自己的软件，但是我觉得他的商业精神是很值得学习的。。

在查看其他人这方面的文章的时候，发现很多误区，有人干脆就认为"ie都是不支持!important"这个属性的，而有的人则又认为"ie6是不支持这个属性的"，呵呵，其实"ie6不是不支持，只是有个小bug",欢迎讨论，指教，在不同的意见中提高技术。

这个在FF显示器下的效果：

这个是在IE6下的效果：

呵呵，为什么同样的代码，在不同的浏览器下的显示效果却会有这么大的差别呢？

某些懂一些css的朋友大概会说，是ie6不支持"!important"，呵呵，这话说得有些对，但是不全对，为什么呢？

关键原因就是如果把样式改一下，

 
     <style type="text/css"> 
 
     #test { 
 
         color:red !important;/*IE7、FF、OP等显示红色文字*/ 
 
         / 
 
     } 
 
     #test { 
 
        color:green;/*IE6显示绿色文字*/ 
 
     } 
 
     </style>