CSS中的!important是一個非常重要的屬性，有時候發(fā)揮著非常大的作用，52CSS.com這方面的知識并不是非常多，我們看下面的文章，對它作比較感觀的了解。
前幾天寫一些CSS代碼的時候又難為我了，因為那個該死的IE6對CSS的支持是如此的差勁，以前我還沒注意過，因為做的東西基本都是基于IE的，可是我這次為博客寫的CSS要支持不止IE一個瀏覽器，可恨的是我裝的Windows 7，這里面自帶的是IE8瀏覽器，我自認(rèn)為已經(jīng)沒有問題了，可是打開IE6，仍然出現(xiàn)錯位，于是我決定看看IE6到底是什么情況。
我把所有的CSS塊兒全部使用邊框包起來，結(jié)果看到在IE中兩個div之間的距離明顯要寬于其他瀏覽器，比如你寫一個div的margin屬性為20px，那么在IE中就好像是40px一樣，這也就是為什么本來精度計算的剛剛好，在IE下卻偏偏錯位的原因。
后來我看到了!important這個屬性，這個屬性其實也是css規(guī)范中的，結(jié)果IE6愣是不支持，也正因為它不支持，才讓很多的CSSer們找到了解決的方法。一般來講，在css中，如果在同一個css塊中寫下兩個同樣的屬性，那么其實是按照最下面的來執(zhí)行的，比如說：
 Example Source Code [www.52css.com].home{
margin-left:20px;
margin-left:40px;
}
那么在執(zhí)行的時候其實是按照40px來執(zhí)行的，!important的出現(xiàn)就是為了讓用戶自己設(shè)置被執(zhí)行語句的優(yōu)先級。如果把上面的語句改為：
Example Source Code [www.52css.com].home{
margin-left:20px!important;
margin-left:40px;
}
那么在火狐、google瀏覽器以及IE7以上版本下將會按照20px來執(zhí)行，而在IE6下卻仍然按照40px來執(zhí)行，因為IE6并不支持!important規(guī)范，我們就可以按照這個規(guī)則來滿足IE6的設(shè)計需要，什么時候發(fā)現(xiàn)IE6和其他瀏覽器顯示效果不同，那么就設(shè)置兩個，在上面的一個加入!important標(biāo)記，而下面的一句則不需要添加，這樣IE6就按照下面的來執(zhí)行了。資深的CSSer說：如今的CSS處處!important。這可都是天殺的IE6惹的禍，大家說IE6就是一坨代謝產(chǎn)物一點也不為過。
以上摘自:
http://www.52css.com/article.asp?id=937
以下為個人見解:
當(dāng)頁面聲明為:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
|
的時候,其實這個IE Box問題已經(jīng)解決了!!!!!!!!!IE會遵循標(biāo)準(zhǔn)了.如果不加這個,那么IE的盒子模型問題才會出來的!!!!!!!
不再需要!Important來Hack了.................千萬記住
| 
免費注冊
發(fā)表于 2011-12-19 14:02