1.IE显示为blue,firefox显示为red
[code]
#box {
color:red !important;
color:blue;
}
<div id="box"> 在不同的浏览器下,这行字的色应该不同!</div>
[/code]
2.提升优先级
[code]
#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的优先级.
[/code]
[code]
#box {
color:red !important;
color:blue;
}
<div id="box"> 在不同的浏览器下,这行字的色应该不同!</div>
[/code]
2.提升优先级
[code]
#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的优先级.
[/code]