頁(yè)面覆蓋 CSS 指的是當(dāng)一個(gè)或多個(gè)樣式表同時(shí)應(yīng)用于一個(gè) HTML 頁(yè)面時(shí)，優(yōu)先級(jí)最高的樣式表將覆蓋優(yōu)先級(jí)較低的樣式表。

在 CSS 中，有三種方式確定樣式的優(yōu)先級(jí)：元素選擇器、類選擇器和 ID 選擇器。其中，選擇器的權(quán)重規(guī)則如下：

內(nèi)聯(lián)樣式              優(yōu)先級(jí)值為 1000
ID 選擇器              優(yōu)先級(jí)值為 100
類、屬性和偽類選擇器    優(yōu)先級(jí)值為 10
元素和偽元素選擇器      優(yōu)先級(jí)值為 1

可以通過(guò)在代碼中顯式地指定樣式的優(yōu)先級(jí)來(lái)覆蓋其他樣式。例如：

p {
color: blue !important;
}

在這個(gè)例子中，使用了 !important 關(guān)鍵字來(lái)明確指定樣式的優(yōu)先級(jí)。

但是，濫用 !important 常常會(huì)導(dǎo)致樣式表混亂，影響可維護(hù)性。因此，應(yīng)該盡量避免使用 !important。

還有一種方式降低樣式?jīng)_突的可能性是使用更加具體的選擇器。例如，使用：

.content p {
color: blue;
}

而非：

p {
color: blue;
}

這樣可以確保只有.content類中的p元素應(yīng)用了這個(gè)樣式，減少樣式?jīng)_突的可能性。