关于important的用法
示例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试!Important</title>
</head>
<style type="text/css">
#Box div
{
color: red;
}
.important_false
{
color: blue;
}
.important_true
{
color: blue !important;
}
</style>
<body>
<div id="Box">
<div class="important_false">
这一行未使用important</div>
<div class="important_true">
这一行使用了important</div>
</div>
</body>
</html>
效果：
结论：important是用来搞优先级的。
修改html，继续测试：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试!Important</title>
</head>
<style type="text/css">
#Box div
{
color: red;
}
.important_false
{
color: blue;
}
.important_true
{
color: blue !important;
}
</style>
<body>
<div id="Box">
<div style="color: yellow" class="important_false">
这一行未使用important</div>
<div style="color: yellow" class="important_true">
这一行使用了important</div>
</div>
</body>
</html>
和上面的区别是直接在html中添加了style样式。
效果：
由此可得结论：优先级按从大到小为--> !important > 行内style > 普通css
