
是為了兼容IE/FF
font-size: 12px !important;
font-size: 13px;
在IE里面,由于IE不理解 !important,則字體大小按照最后設(shè)定的13px展示
而FF里面, !important為提高優(yōu)先級(jí)別,則字體大小按照 !important標(biāo)記的12px展示
"!important"ie6是不能識(shí)別的,而FF可以,所以用它對(duì)FF和IE6.0分別設(shè)置樣式,原因是這兩種瀏覽器中對(duì)代碼的解釋存在差異,因而導(dǎo)致有時(shí)候相同的樣式卻是不同的效果!
后來(lái)到了IE7"!important"又可以被識(shí)別了,所以就不能用了;
現(xiàn)在的做法是IE7中在樣式前加"*+html",FF則直接寫(xiě),FF不能識(shí)別"*+html"這個(gè)字符串,利用這點(diǎn)做到樣式對(duì)瀏覽器的兼容;不過(guò)缺點(diǎn)是增加了樣式表的長(zhǎng)度,拖延了載入時(shí)間~
不過(guò)最好的做法還是用JS探測(cè)瀏覽器的版本,然后鏈接不同的樣式表!
首先,!important使用的主要目的是區(qū)分(IE6)和(IE7,F(xiàn)F),注意IE6是一類(lèi),IE7,F(xiàn)F這兩個(gè)是一類(lèi),因?yàn)檫@兩個(gè)對(duì)最新的css完全支持且程度類(lèi)似。
其次,IE6不解析!important(所以IE6的css最新標(biāo)準(zhǔn)支持不完全),IE7,F(xiàn)F解析!important(支持完善)
再次,某些css某些代碼在這兩類(lèi)瀏覽器里的顯示是有差別的(注意這也是使用!important的主要原因所在),比如height: 21px;,在IE6和(IE7,F(xiàn)F)里顯示就有差別,后者(IE7,F(xiàn)F)會(huì)比前者(IE6)少一個(gè)像素。
所以,為了保持各個(gè)瀏覽器顯示效果的一致,我們使用兩句話分別針對(duì)兩類(lèi)瀏覽器,
className{
height: 22px !important;
height: 21px;
}
height: 22px !important;只有IE7,F(xiàn)F解析
height: 21px;只有IE6解析
比且最終兩類(lèi)瀏覽器顯示效果一致,如果不區(qū)別對(duì)待,單純一句height: 21px;那么IE7,F(xiàn)F里顯示就會(huì)少一個(gè)像素的高度。
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。