當(dāng)網(wǎng)頁中有多種CSS樣式時(shí)，瀏覽器如何處理這些樣式呢？這就需要用到CSS層疊規(guī)則。

樣式的優(yōu)先級順序：
1. !important
2. 內(nèi)聯(lián)樣式（style）
3. ID選擇器
4. 類選擇器、屬性選擇器、偽類選擇器
5. 標(biāo)簽選擇器、偽元素選擇器
6. 通配符選擇器

如果兩個(gè)元素使用了同一個(gè)選擇器，則以后面的樣式為準(zhǔn)。

p {
color: red;
}
p {
color: blue;
}

此時(shí)，網(wǎng)頁中的段落字體顏色為藍(lán)色。

需要注意的是，當(dāng)樣式優(yōu)先級相同時(shí)，以后定義的樣式會(huì)對以前的樣式進(jìn)行覆蓋。

CSS層疊規(guī)則是CSS樣式表的基礎(chǔ)，也是我們掌握CSS的關(guān)鍵點(diǎn)之一。