CSS important的使用場景

2021-08-13 15:31:30 字數 873 閱讀 1765

我們知道,css寫在不同的地方有不同的優先順序, .css檔案中的定義 < 元素style中的屬性,但是如果使用!important,事情就會變得不一樣。

首先,先看下面一段**:

測試css中的!important區別title>

head>

type="text/css">

.testclass

style>

class="testclass"

style="color:red;">

測試css中的important

div>

body>

html>雖然元素的style中有testclass類的定義,但是在上面的css定義中的用!important限定的定義卻是優先順序最高的,無論是在ie6-10或者firefox和chrome表現都是一致的,都顯示藍色。

這種情況也同時可以說明ie6是可以識別!important的,只是這個是ie6的乙個缺陷吧。如果寫成下面的樣式,ie6是識別不出來的:

.testclass

這樣,在ie6下展示的時候會顯示成紅色。

當然,也可以通過以下方式來讓ie6識別:

.testclass

.testclass

通過以上方式也是可以讓ie6顯示成藍色的。

以上例項說明使用!important的css定義是擁有最高的優先順序的。只是在ie6下出了一點小的bug,注意書寫方式一般可以輕鬆避開的。

CSS important宣告強制優先

important宣告強制優先 css優先順序中還有乙個最無敵的宣告,就是 important。在css樣式表中,帶有 important宣告的樣式優先使用,它的優先順序會超越任何地方 任何方式的樣式宣告,包括行內style屬性中宣告的樣式。比如下面 style type text css div ...

css important 屬性詳細解釋

important是css1就定義的語法,作用是提高指定樣式規則的應用優先權。語法格式,即 寫在定義的最後面,例如 box css企圖創造乙個平衡作者和使用者之間的級層樣式表。預設情況下,css規則按級層覆蓋,例如在.css檔案中的定義可以被style標籤的定義覆蓋,反之則不行。然而,對覆蓋平衡而言...

類的使用,物件的使用

一 類的使用 class student school luffycity def eat self print yes defdrink self print drink 檢視print student.dict 增student.teacher gaohui print student.dict...