CSS中 important的作用

2021-08-25 05:10:58 字數 711 閱讀 9295

新增 ,就能對ie6.0,ie7.0和firefox寫hack

*對於ie系列瀏覽器都能夠識別,firefox瀏覽器就不能識別;

!important只有ie7.0和firefox可以識別,,但是ie6.0不能成功應用

(1)區別ie與firefox的hack為:border:2px solid #f00;*border:1px solid #f00;

(2)區別ie6.0 與ie7.0、firefox的hack為:border:1px solid #f00!important;border:2px solid #f00;

在(1)中,之所以把*放在後面是因為firefox不識別*而導致只對它設定了一次border;而ie 系列進行了兩次border設定後,後乙個屬性覆蓋了前乙個屬性,故為一畫素的邊框。

在(2)中,之所以把!important放在第乙個border 設定,是因為它把這次border的優先順序提高了,即使後面在一次甚至在n次設定border 也無效,但是ie6.0對這個規則不接受,而導致它應用了第二次的border 設定,也就是第二次覆蓋了第一次的這一原理, 並不是它不識別!important;所以它的border為2 畫素的紅框.

css

1 #box

html

1 在不同的瀏覽器下,這行字的色應該不同!

這個例子應該是大家經常見到的important的用法了,在ie環境下,這行字是藍色,在firefox下,為紅色

css中 important的作用

之前調整css的時候沒有怎麼用過css中important屬性,這段時間調整頁面,看到了這個屬性,了解一下並在修改bug過程中簡單的用了一下。important這個規則對ie6.0,ie7.0和firefox能寫hack 對於ie系列瀏覽器都能夠識別,firefox 瀏覽器則不能識別 importa...

CSS中 important的使用

本篇文章使用最新的ie10以及firefox與chrome測試 截止2013年5月27日22 23 22 css的原理 我們知道,css寫在不同的地方有不同的優先順序,css檔案中的定義 元素style中的屬性,但是如果使用 important,事情就會變得不一樣。首先,先看下面一段 測試css中的...

CSS中 !important 的使用

important作用是提高指定css樣式規則的應用優先權 在css中,通過對某一樣式宣告 important 可以更改預設的css樣式優先順序規則,使該條樣式屬性宣告具有最高優先順序,也就是相當於寫在最下面。一般地,css檔案中的定義 元素style中的屬性 測試css中的 important區別...