淺淡 important對CSS的重要性

2022-01-17 09:11:10 字數 1097 閱讀 5013

css中的!important是乙個非常重要的屬性,有時候發揮著非常大的作用,52css.com這方面的知識並不是非常多,我們看下面的文章,對它作比較感觀的了解。

前幾天寫一些css**的時候又難為我了,因為那個該死的ie6對css的支援是如此的差勁,以前我還沒注意過,因為做的東西基本都是基於ie的,可是我這次為部落格寫的css要支援不止ie乙個瀏覽器,可恨的是我裝的windows 7,這裡面自帶的是ie8瀏覽器,我自認為已經沒有問題了,可是開啟 ie6,仍然出現錯位,於是我決定看看ie6到底是什麼情況。

我把所有的css塊兒全部使用邊框包起來,結果看到在ie中兩個div之間的距離明顯要寬於其他瀏覽器,比如你寫乙個div的margin屬性為20px,那麼在ie中就好像是40px一樣,這也就是為什麼本來精度計算的剛剛好,在ie下卻偏偏錯位的原因。

後來我看到了!important這個屬性,這個屬性其實也是css規範中的,結果ie6愣是不支援,也正因為它不支援,才讓很多的csser們找到了解決的方法。一般來講,在css中,如果在同乙個css塊中寫下兩個同樣的屬性,那麼其實是按照最下面的來執行的,比如說:

2:

margin-left:20px;

3:

margin-left:40px;

4: }
5:

那麼在執行的時候其實是按照40px來執行的,!important的出現就是為了讓使用者自己設定被執行語句的優先順序。如果把上面的語句改為:

2:

margin-left:20px!important;

3:

margin-left:40px;

4: }
5:

那麼在火狐、google瀏覽器以及ie7以上版本下將會按照20px來執行,而在ie6下卻仍然按照40px來執行,因為ie6並不支援!important規範,我們就可以按照這個規則來滿足ie6的設計需要,什麼時候發現ie6和其他瀏覽器顯示效果不同,那麼就設定兩個,在上面的乙個加入!important標記,而下面的一句則不需要新增,這樣ie6就按照下面的來執行了。資深的csser說:如今的css處處!important。這可都是天殺的ie6惹的禍,大家說ie6就是一坨代謝產物一點也不為過。

淺淡 important對CSS的重要性

ss中的 important是乙個非常重要的屬性,有時候發揮著非常大的作用,52css.com這方面的知識並不是非常多,我們看下面的文章,對它作比較感觀的了解。前幾天寫一些css 的時候又難為我了,因為那個該死的ie6對css的支援是如此的差勁,以前我還沒注意過,因為做的東西基本都是基於ie的,可是...

css的 important規則對效能有影響嗎

最近在做專案中發現很多css 裡面都使用 important去覆蓋原有高優先順序的樣式。按照常理來說,越是靈活的東西,需要做的工作就會更多。所以想當然的認為像 important這樣靈活 方便的規則如果用得多的話肯定會對效能有所影響。基於這種考慮,本來想把所有的這些樣式通過提高優先順序給去掉的。不過...

CSS的 important屬性 以及對它的誤解

css中的 important是乙個非常重要的屬性,這個屬性是css規範中的,但ie6不支援,也正是因為它不支援,才讓人找到了解決ie6和別的瀏覽器不相容問題的辦法。一般來說,在css中,如果在同乙個css塊中寫兩個相同的屬性,那麼是按照後出現的來執行的,比如 body margin left 20...