important在CSS中的作用与属性详细讲解
!important规则的作用!important是CSS的一个规则，用于提高指定CSS样式规则的应用优先权；它被添加到CSS值的末尾以赋予它更多权重（即会被优先使用）。
在CSS中，样式规则以级联方式应用于元素。下面这个列表中越靠前的权重越小：
[*]浏览器样式：是Web浏览器声明的默认样式。
[*]用户声明的样式：是用户使用浏览器选项设置或通过开发人员调试工具修改的自定义样式。
[*]开发中声明的样式：是网站开发人员在CSS样式表中声明的样式。
[*]具有!important规则的开发者声明样式。
[*]具有!important规则的用户样式。
!important规则的使用示例：
当一个页面中出现多个相同的样式名且设置属性也相同时，带有“!important”的会被优先识别使用。
示例代码：<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>!important_CSS参考手册_web前端开发参考手册系列</title>
<style>
.test{color:#008151!important;}
.test{color:#000;}
</style>
</head>
<body>
<div class="test">同一条样式内，!important将在IE6及以下浏览器中失效</div>
<div class="test">在分散的样式条目内，IE6及以下浏览器对!important的支持与其它浏览器一致</div>
</body>
</html>比如以上代码中出现了2个 test 且都设置了它的 color 属性，第一个为#008151即绿色、第二个#000即黑色，那么浏览器会优先识别并使用带有“!important”的，也就是第一个。那么运行以上代码出来的文字颜色就是绿色。
转载请注明出处：http://www.codeae.com/thread-16611-1-1.html
页:
[1]