<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
p { background-color: yellow !important; } /*1.!important 优先级最高*/
#p1 { background-color: blue; } /*3.ID选择器*/
.p1 { background-color: red; } /*4.类选择器*/
p { background-color: green; } /*5.标签*/
* { background-color: Highlight; } /*6.通配符*/
div { background-color: orange; } /*7.继承*/
</style>
</head>
<body>
<div>
<p id="p1" class="p1" style="background-color:lime">Hello</p> <!--2.行内样式-->
</div>
</body>
</html>
优先级顺序（ 从高到低）：
标记为 !important行内样式ID选择器类选择器标签通配符继承默认样式
