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的优先级.    

 

下边是实例，有兴趣者请下载。