CSS中important的用法

本文來自趙慶貝博客。謝謝光臨。

important 的用法

1.IE顯示爲blue,firefox顯示爲red

 

1.#box {        
2.        color:red !important;        
3.        color:blue;        
4.}        
5.    
6.<div id= "box"> 在不一樣的瀏覽器下，這行字的色應該不一樣！</div>    

 

2.提高優先級

 

1.#box div{        
2.        color:red;        
3.}        
4..important_false{        
5.        color:blue;        
6.}        
7..important_true{        
8.        color:blue !important;        
9.}        
10.    
11.<div id= "box">        
12.        <div class= "important_false">第一行未使用important</div>        
13.        <div class= "important_true">第二行使用了important</div>        
14.</div>            
15.    
16.     第一行顯示爲red,由於id的優先級高於 class;        
17.     第二行顯示爲blue,由於important提高了 class的優先級.    

 

下邊是實例，有興趣者請下載。