css中樣式有一下幾種方式

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
#orange-text {
color: orange;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>

第二類是使用ID名稱來當作過濾器的，只有Id="orange-text"的才會使用該樣式

第三類是使用class來當作過濾器，

還有一種就是內聯式的樣式，如下：

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

所以得出一個結論優先級別為：內聯式>ID>class

在ID和class的樣式有多個時候，順序從上到下，優先級別依次增大

最後，最大的boss是這個關鍵字：!important.一定會確保引用這個樣式的程式碼段使用這個樣式，如果在以上程式碼的一部分修改為：

.pink-text {
color: pink !important;
}