css hack不知你聽說過嗎?
!important是一個css hack.
!important只有Ie7.0和firefox可以識別,但是Ie6.0不能夠成功應(yīng)用.
none!important就是讓Ie7.0和firefox識別沒有背景（background）或者不顯示（display）.
important這個規(guī)則對Ie6.0,Ie7.0和Firefox能寫hack,現(xiàn)在就來講解這是怎么的原理：
*Ie系列能夠識別,firefox 不能識別
!important只有Ie7.0和firefox可以識別,但是Ie6.0不能夠成功應(yīng)用.
(1)區(qū)別ie與firefox的hack為:border:2px solid #f00;*border:1px solid #f00;
(2)區(qū)別Ie6.0 與Ie7.0、firefox的hack為:border:1px solid #f00!important;border:2px solid #f00;
在(1)中,之所以把*放在后面是因為ff不識別*而導(dǎo)致只對它設(shè)置了一次border;而ie 系列進(jìn)行了兩次
border設(shè)置后,后一個屬性覆蓋了前一個屬性,故為一像素的邊框.
在(2)中,之所以把!important放在第一個border 設(shè)置,是因為它把這次border的優(yōu)先級提高了,即使
后面在一次甚至在N次設(shè)置border 也無效,但是Ie6.0對這個規(guī)則不接受,而導(dǎo)致它應(yīng)用了第二次的
border 設(shè)置,也就是第二次覆蓋了第一次的這一原理,并不是它不識別!important;所以它的border
為2 像素的紅框.
這是一個簡單的應(yīng)用：
無標(biāo)題文檔
div{
width:800px;
height:250px;
background-color:yellow!important;/*提升指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)*/
background-color:red;
border:3px solid #000!important;/*firefox*/
*border:5px solid #f00!important;/*Ie7.0*/
border:1px solid #000;/*Ie6.0*/
}

IE6.0對important不識別;