我們知道,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...