!important > 行内 >id > class >tag >*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css优先级</title>
<style>
#box{
color: red !important
}
.box{
color: yellow
}
p{
color: blue
}
*{
color: green
}
</style>
</head>
<body>
<p class="box" id="box" style="color: orange"> css 选择器优先级</p>
</body>
</html>