<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>优先级</title>
<style>
#test{ /*100*/
background-color: pink;
}
div.one{ /*1+10*/
background-color: blue /*!important*/;
}
div{ /*1*/
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div class="one" id="test" style="background-color:green"></div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>优先级</title>
<style>
#test{ /*100*/
background-color: pink;
}
div.one{ /*1+10*/
background-color: blue /*!important*/;
}
div{ /*1*/
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div class="one" id="test" style="background-color:green"></div>
</body>
</html>