important用法两则

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

#box {

　　color:red !important;

　　color:blue;

}

<div id="box"> 在不同的浏览器下，这行字的色应该不同！</div>

2. 提升优先级

#box div{

color:red;

}

important_false{

color:blue;

}

important_true{

color:blue !important;

}

<div id="Box">

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

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

</div>

第一行显示为red,因为id的优先级高于class;

第二行显示为blue,因为important提升了class的优先级.