<!--
！important破坏了原来的选择器权重，将权重设置最高，因此并不建议使用，除非下面几种情况：
1.设置全局css文件，将其他的文件覆盖
2.其他人内联式样式比较繁琐复杂，将其覆盖
-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
p{
color: orange !important;
}
</style>
</head>
<body>
<div>
<p style="color: red">a</p>
</div>
</body>
</html>