CSS樣式的優(yōu)先級通常由三種因素決定：

內(nèi)聯(lián)樣式（inline style）->ID選擇器樣式（ID selector style）->類選擇器或?qū)傩赃x擇器或偽類選擇器樣式（class/attribute/pseudo-class selector style）->標(biāo)簽選擇器或通配符選擇器或繼承樣式（tag/wildcard/inherit style）

那么這三種優(yōu)先級到底是什么呢？

1. 內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式是直接寫在HTML標(biāo)簽中的樣式，如<p style="color:red;">這是一段紅色的文字</p>。它具有最高的優(yōu)先級，因為它是直接作用在標(biāo)簽上的。

2. ID選擇器樣式

ID選擇器樣式是通過ID選擇器定義的樣式，如這是一個id為"example"的標(biāo)簽。該樣式只作用在與之匹配的具體標(biāo)簽上，它比類選擇器或?qū)傩赃x擇器或偽類選擇器樣式具有更高的優(yōu)先級。

3. 類選擇器或?qū)傩赃x擇器或偽類選擇器樣式

類選擇器或?qū)傩赃x擇器或偽類選擇器樣式是通過類選擇器或?qū)傩赃x擇器或偽類選擇器定義的樣式，如class="example"或input[type="text"]或a:hover等。它們都作用在多個標(biāo)簽上，它們的優(yōu)先級要低于ID選擇器樣式，但要高于標(biāo)簽選擇器或通配符選擇器或繼承樣式。

4. 標(biāo)簽選擇器或通配符選擇器或繼承樣式

標(biāo)簽選擇器或通配符選擇器或繼承樣式是直接作用在HTML標(biāo)簽上的樣式或從父元素繼承而來的樣式，它們的優(yōu)先級最低。如<p>標(biāo)簽?zāi)J(rèn)是有一些樣式的，如字號、字體、行間距等，這些樣式就是標(biāo)簽選擇器或通配符選擇器或繼承樣式。

在CSS中，如果出現(xiàn)了優(yōu)先級沖突，就會按照上述的優(yōu)先級順序來解決，例如：

#example {color: blue;}
p {color: green;}
.example {color: yellow;}

如果HTML中有這樣一段代碼：

<p id="example" class="example">這是一段優(yōu)先級測試的文字</p>

那么這段文字的顏色就是藍(lán)色的，因為ID選擇器樣式的優(yōu)先級最高。