!important主要用于提升指定樣式規(guī)則的優(yōu)先級(jí)。例如:
div{
? ? ? ?color:red!important;
? ? ? ?color:blue;
}
因?yàn)楹竺娴腷lue會(huì)覆蓋前面的red,結(jié)果應(yīng)該顯示藍(lán)色字,但是因?yàn)槲覀冊(cè)趓ed上加了!important,提升了red的優(yōu)先級(jí),所以結(jié)果顯示為紅色字。
!important是出現(xiàn)在css標(biāo)準(zhǔn)里的,在IE6以上以及chrome、safari瀏覽顯示的是紅色,但是以上css在IE6中顯示的確是藍(lán)色,。
因此很多人將!important視作識(shí)別IE6的hack,但其實(shí)這是個(gè)誤區(qū)。!important常常被我們用來更改樣式,而并不是兼容hack。IE6只是在某些情況下不主動(dòng)識(shí)別!important,請(qǐng)注意,只是某些情況下。
IE6下,同一個(gè)大括號(hào)里對(duì)同一個(gè)樣式屬性定義,其中一個(gè)加!important,則!important是被忽略的,如剛剛的例子。
但是,如果同一個(gè)樣式,不是定義在同一個(gè)大括號(hào)內(nèi),!important是可以正常發(fā)揮作用的。
div{
? ? ? ?color:red!mportant;
}
div{
? ? ? ?color:blue;
}
在所有的瀏覽器中都會(huì)顯示紅色字。