!important全面解析

2024-07-11 08:24:02

字體：大中小

供稿：網(wǎng)友

　　CSS中的!important是一個(gè)非常重要的屬性，有時(shí)候發(fā)揮著非常大的作用，CuoXIn.com這方面的知識(shí)并不是非常多，我們看下面的文章，對它作比較感觀的了解。
　　前幾天寫一些CSS代碼的時(shí)候又難為我了，因?yàn)槟莻€(gè)該死的IE6對CSS的支持是如此的差勁，以前我還沒注意過，因?yàn)樽龅臇|西基本都是基于IE的，可是我這次為博客寫的CSS要支持不止IE一個(gè)瀏覽器，可恨的是我裝的Windows 7，這里面自帶的是IE8瀏覽器，我自認(rèn)為已經(jīng)沒有問題了，可是打開IE6，仍然出現(xiàn)錯(cuò)位，于是我決定看看IE6到底是什么情況。
　　我把所有的CSS塊兒全部使用邊框包起來，結(jié)果看到在IE中兩個(gè)div之間的距離明顯要寬于其他瀏覽器，比如你寫一個(gè)div的margin屬性為20px，那么在IE中就好像是40px一樣，這也就是為什么本來精度計(jì)算的剛剛好，在IE下卻偏偏錯(cuò)位的原因。
　　后來我看到了!important這個(gè)屬性，這個(gè)屬性其實(shí)也是css規(guī)范中的，結(jié)果IE6愣是不支持，也正因?yàn)樗恢С郑抛尯芏嗟腃SSer們找到了解決的方法。一般來講，在css中，如果在同一個(gè)css塊中寫下兩個(gè)同樣的屬性，那么其實(shí)是按照最下面的來執(zhí)行的，比如說：

示例代碼 [www.CuoXIn.com]

上一篇：CSS屬性display:inline-block的深入理解

下一篇：JavaScript(JS)與CSS屬性編碼方法對照表