通过在CSS属性后面跟上!important参数，就会让该属性的优先级变为最高，不管是在css文件，还是内联style中，就属后面跟了!important这个小弟的属性的优先级最高。
让我们来测试一下，例如
<html>
<head>
<style>
.main{color:blue !important;}
</style>
</head>
<body>
<div class="main" style="color:red;">
猜一猜，这些字体是蓝色，还是红色？
</div>
</body>
</html>
如果main类样式的color属性后面没有跟!important，那么按照优先级来说，下面的这些字的颜色会变成红色，但是，总有但是！请看下面的运行结果：
结果是蓝色的！