<style>
? body {
??? background-color: black;
??? font-family: Monospace;
??? color: green;
? }
? #orange-text {
??? color: orange;
? }
? .pink-text {
??? color: pink !important;
? }
? .blue-text {
??? color: blue;
? }
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

1.假如 只有 pink-text 和 blue-text 那么 blue-text 会覆盖 pink-text ，因为从上往下解析，以最后的为准。

2.如果存在id 和 class 那么? 就是以id 为准，id 会覆盖class

3.如果有 字符? !important ? 那么 这个 会覆盖 id 和 其他 class 相同的属性。