CSS中important的用法

本文来自赵庆贝博客。谢谢光临。

important 的用法

1.IE显示为blue,firefox显示为red

 

1.#box {        
2.        color:red !important;        
3.        color:blue;        
4.}        
5.    
6.

"box"> 在不同的浏览器下，这行字的色应该不同！

    

 

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.

"box">        
12.        

class= "important_false">第一行未使用important

        
13.        

class= "important_true">第二行使用了important

        
14.

            
15.    
16.     第一行显示为red,因为id的优先级高于 class;        
17.     第二行显示为blue,因为important提升了 class的优先级.    

 

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