<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title> <style>
h1 { color: red; } /* 0, 0, 0, 1*/
body h1 { color: green; } /* 0, 0, 0, 2*/ h2 { color: red; } /* 0, 0, 0, 1*/
h2.test{ color: green; } /* 0, 0, 1, 1*/
#test2 { color: yellow; } /* 0, 1, 0, 0*/
h2 { color: gray !important; }
h2 { color: black !important; } /* style 特殊性值为: 1, 0, 0, 0*/
/* id 特殊性值为: 0, 1, 0, 0*/
/* 属性、属性值或者伪类特殊性值为: 0, 0, 1, 0*/
/* 元素特殊性值为: 0, 0, 0, 1*/
/* !important超越特殊性值*/
/* 相同特殊性值，或者!important，最后出现的起作用*/
</style>
</head>
<body>
<h1>12345</h1>
<h2 class="test" id="test2" style="color: blue">67890</h2>
</body>
</html>