CSS中，當(dāng)多個(gè)樣式規(guī)則應(yīng)用于同一個(gè)元素時(shí)，會(huì)按照一定的優(yōu)先級(jí)來(lái)覆蓋頁(yè)面上的樣式，以下是一些常見(jiàn)的優(yōu)先級(jí)規(guī)則：

1、內(nèi)聯(lián)樣式：直接在HTML元素中定義的樣式，如<div style="color: red;">，這些樣式具有***高的優(yōu)先級(jí)。

2、ID選擇器：使用ID選擇器定義的樣式，如#myId { color: blue; }，這些樣式優(yōu)先級(jí)較高。

3、類選擇器：使用類選擇器定義的樣式，如.myClass { color: green; }，這些樣式的優(yōu)先級(jí)中等。

4、標(biāo)簽選擇器：使用HTML標(biāo)簽定義的樣式，如div { color: orange; }，這些樣式的優(yōu)先級(jí)較低。

5、通配符選擇器：使用通配符定義的樣式，如* { color: purple; }，這些樣式的優(yōu)先級(jí)***低。

示例

假設(shè)你有以下CSS樣式：

#myId { color: blue; }
.myClass { color: green; }
div { color: orange; }

和一個(gè)HTML元素：

<div id="myId" class="myClass">Hello, World!</div>

在這個(gè)例子中，由于#myId的優(yōu)先級(jí)高于.myClass和div，所以文本顏色將是藍(lán)色，盡管.myClass和div都定義了顏色，但由于優(yōu)先級(jí)的關(guān)系，它們不會(huì)覆蓋#myId的定義。

覆蓋優(yōu)先級(jí)

如果你想覆蓋某個(gè)樣式的優(yōu)先級(jí)，可以通過(guò)以下幾種方式：

1、使用!important：在樣式規(guī)則的***后添加!important可以覆蓋其他所有樣式的優(yōu)先級(jí)。

```css

#myId { color: blue; }

.myClass { color: green; }

div { color: orange; }

#myId { color: red!important; }

```

在這個(gè)例子中，盡管#myId的優(yōu)先級(jí)高于.myClass和div，但由于!important的存在，文本顏色將是紅色。

2、使用更具體的選擇器：通過(guò)增加選擇器的特異性（specificity），可以覆蓋其他樣式的優(yōu)先級(jí)。

```css

#myId { color: blue; }

.myClass { color: green; }

div { color: orange; }

#myId .myClass { color: purple; }

```

在這個(gè)例子中，由于#myId .myClass的選擇器比.myClass和div更具體，所以文本顏色將是紫色。

CSS樣式的優(yōu)先級(jí)遵循一定的規(guī)則，從內(nèi)聯(lián)樣式到通配符選擇器，優(yōu)先級(jí)逐漸降低，如果你想覆蓋某個(gè)樣式的優(yōu)先級(jí)，可以使用!important或增加選擇器的特異性，了解這些規(guī)則可以幫助你更好地控制CSS樣式的應(yīng)用。