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

2021-05-24 01:39:57 字數 1047 閱讀 8230

css中的!important是乙個非常重要的屬性,這個屬性是css規範中的,但ie6不支援,也正是因為它不支援,才讓人找到了解決ie6和別的瀏覽器不相容問題的辦法。

一般來說,在css中,如果在同乙個css塊中寫兩個相同的屬性,那麼是按照後出現的來執行的,比如:

.body{

margin-left:20px;

margin-left:40px;

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

.body{

margin-left:20px!important;

margin-left:40px;

或者!important.body{

margin-left:20px;

margin-left:40px;

那麼在火狐、google瀏覽器以及ie7以上版本將會按照20px來執行,而在ie6下仍按照40px來執行,因為ie6並不支援!important規範,我們可以按照這個規則來滿足ie6的設定需要,什麼時候發現ie6和其他瀏覽器顯示效果不同,那麼就設定兩個,在上面的乙個加入

!important標記,而下面的語句不需要新增,這樣ie6就按照下面的來執行了。

我一直都認為上面的說法是正確的,因為網上都是這麼說的,但一直沒有機會實際的測試一下,今天終於有機會使用!important屬性之後才發現我被騙了。

通過我的測試,ie6也是支援!important屬性的,但也可以用該屬性來區分瀏覽器。

div{

position:absolute;

top:expression(screen.height*0.6)!important;

top:300px;

right:0px;

visibility:visible;

對於ie瀏覽器是支援expression表示式的,並且宣告了!important屬性,就是說ie瀏覽器只會執行有表示式的這行**,因此ie瀏覽器的結果就是螢幕高度的60%,而非ie瀏覽器因為不支援expression,所以會執行下一行,結果就是300px。

css屬性 important的使用

定義及語法 important,作用是提高指定樣式規則的應用優先權 優先順序 語法格式,即寫在定義的最後面,例如 box。在css中,通過對某一樣式宣告 important 可以更改預設的css樣式優先順序規則,使該條樣式屬性宣告具有最高優先順序。相容問題 ie7及ie7 firefox,chrom...

CSS中的 important屬性用法

關於css的運用技巧有很多,今天主要 一下css中 important 這個屬性的用法。在css的使用中,遇到最多的問題就是不同瀏覽器之間的相容問題。由於ie並不嚴格執行w3c標準,而又幾乎壟斷了瀏覽器市場。所以作為一名合格的 製作人員,必須要針對不同的瀏覽器進行微調。實現不同瀏覽器之間相容的方法有...

CSS中的 important屬性用法

關於css的運用技巧有很多,今天主要 一下css中 important 這個屬性的用法。在css的使用中,遇到最多的問題就是不同瀏覽器之間的相容問題。由於ie並不嚴格執行w3c標準,而又幾乎壟斷了瀏覽器市場。所以作為一名合格的 製作人員,必須要針對不同的瀏覽器進行微調。實現不同瀏覽器之間相容的方法有...