CSS的原理：
CSS写在不同的地方有不同的优先级， .css文件中的定义的优先级小于元素style中的属性的优先级，但是如果使用!important，事情就会变得不一样。
首先，先看下面一段代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试Css中的!Important区别</title>
</head>
<style type="text/css">
.testClass{
color:blue !important;
}
</style>
<body>
<div class="testClass" style="color:red;">
测试Css中的Important
</div>
</body>
</html>
虽然元素的style中有testClass类的定义，但是在上面的css定义中的用!important限定的定义却是优先级最高的，无论是在ie6-10或者Firefox和Chrome表现都是一致的，都显示蓝色。
以上实例说明使用!important的css定义是拥有最高的优先级的