關于CSS的運用技巧有很多， 今天主要探討一下CSS中 !important 這個屬性的用法。在CSS的使用中，遇到最多的問題就是不同瀏覽器之間的兼容問題。 由于IE并不嚴格執(zhí)行W3C標準， 而又幾乎壟斷了瀏覽器市
關于CSS的運用技巧有很多， 今天主要探討一下CSS中 !important 這個屬性的用法。在CSS的使用中，遇到最多的問題就是不同瀏覽器之間的兼容問題。 由于IE并不嚴格執(zhí)行W3C標準， 而又幾乎壟斷了瀏覽器市場。 所以作為一名合格的網(wǎng)站制作人員， 必須要針對不同的瀏覽器進行微調(diào)。 實現(xiàn)不同瀏覽器之間兼容的方法有很多， 比如利用JS探測用戶的瀏覽器類型，從而調(diào)用不同的樣式表。 或者就是利用！important 屬性來實現(xiàn)微調(diào)的效果。 下面是具體的例子。
下面是一段普通的 DIV 代碼：
<div id=”a”></div>
下面是有關層A在CSS樣式表中的定義， 注意，這里使用了！important這個屬性。
#a{margin-left:30px!important; margin-left:20px;}
在上面的例子中， 層a 在IE瀏覽器中， 左邊距為20像素， 而在Firefox中， 左邊距則變?yōu)?0像素。 這是因為， !important在 CSS 中表示優(yōu)先調(diào)用， 由于IE不能夠識別這個屬性， 所以在IE中， 只能夠調(diào)用 “margin-left:20px;” 這個選項， 所以同樣的一段代碼， 在Firefox和IE中就會顯示不同的樣式。
不過值得注意的是， 最新版的IE 7.0 已經(jīng)可以識別 !important， 這個屬性了， 但是IE 6.0仍然不能識別。 所以這個小技巧還是相當有用的.
