语法:选择器{样式:值!import;}

用法1:提高样式的优先级

如:

<style type="text/css">
<!--将!important去掉试试效果-->
a{color:green!important;}
#main a{ color:blue;}
</style>

<div >
<a>实训基地</a>
</div>

对于上面的代码,如果不加important特性,则超链接的颜色为蓝色,但是加上important之后优先级提高了,显示颜色为绿色。

用法2:区分IE6和Firefox浏览器

因为在同一个大括号内(严格来说是对同一个选择器)的样式设置中,如果为同一个样式有两个值,如p{color:blue; color:green!important;},IE6将忽略带important的,而FF浏览器则使用带important的样式来呈现。

注:在IE7和IE8中,目前和FF一样,都支持此important特性了。

相关文章:

  • 2022-12-23
  • 2022-01-13
  • 2021-12-30
  • 2022-12-23
  • 2021-12-01
  • 2022-12-23
  • 2021-12-30
猜你喜欢
  • 2022-12-23
  • 2021-08-12
  • 2022-12-23
  • 2022-02-20
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案