在CSS中，樣式的優(yōu)先級是一個(gè)重要的概念，它決定了當(dāng)存在多個(gè)樣式規(guī)則時(shí)，瀏覽器應(yīng)該應(yīng)用哪個(gè)規(guī)則，以下是CSS樣式優(yōu)先級的規(guī)則：

1、內(nèi)聯(lián)樣式：直接在HTML元素中定義的樣式，如<div style="color: red;">，內(nèi)聯(lián)樣式的優(yōu)先級***高，因?yàn)樗鼈冎苯討?yīng)用于元素。

2、ID選擇器：使用元素的ID來定義樣式，如#myId，ID選擇器的優(yōu)先級高于類選擇器和標(biāo)簽選擇器。

3、類選擇器：使用元素的類來定義樣式，如.myClass，類選擇器的優(yōu)先級高于標(biāo)簽選擇器。

4、標(biāo)簽選擇器：直接基于HTML標(biāo)簽定義樣式，如div、p等，標(biāo)簽選擇器的優(yōu)先級***低。

5、通配符和繼承：使用通配符定義的樣式具有較低的優(yōu)先級，而繼承的樣式優(yōu)先級則取決于其父元素的樣式定義。

6、!important：在CSS規(guī)則中使用!important關(guān)鍵字會(huì)提高該規(guī)則的優(yōu)先級，使其高于其他所有規(guī)則，但內(nèi)聯(lián)樣式除外。

示例

假設(shè)有以下CSS代碼：

p {
  color: blue;
}
.myClass {
  color: red;
}
#myId {
  color: green;
}

和以下HTML代碼：

<p class="myClass" id="myId">這是一段文本。</p>

根據(jù)優(yōu)先級規(guī)則，這段文本的***終顏色將是綠色，因?yàn)镮D選擇器的優(yōu)先級高于類選擇器和標(biāo)簽選擇器。

內(nèi)聯(lián)樣式：***高優(yōu)先級

ID選擇器：高于類選擇器和標(biāo)簽選擇器

類選擇器：高于標(biāo)簽選擇器

標(biāo)簽選擇器：***低優(yōu)先級

!important：提高規(guī)則優(yōu)先級，但低于內(nèi)聯(lián)樣式

了解并正確應(yīng)用這些規(guī)則可以幫助你更好地控制CSS樣式的應(yīng)用。