!important与css优先级算法计算有关
!important > id > class > tag
注意：!important 比内联优先级高
列子：
<style>
p{
color:red !important;
color:yellow;
}
</style>
<body>
<p style="color:blue;">
不同的颜色，来理解important,按照浏览器正常的解析，下面的yellow会覆盖上面的red，但是如果加了 !important ，red的优先级将会高于yellow的优先级。
</p>
</body>