在 CSS 中，權(quán)重是決定樣式優(yōu)先級(jí)的一個(gè)重要因素。當(dāng)一個(gè)元素通過(guò)多個(gè)選擇器符被匹配到時(shí)，瀏覽器需要確定哪一個(gè)樣式會(huì)被應(yīng)用。這就需要計(jì)算每個(gè)選擇器的權(quán)重，并將其進(jìn)行比較。

一個(gè)選擇器的權(quán)重由四個(gè)部分組成，分別是：

行內(nèi)樣式（1,0,0,0）
ID 選擇器（0,1,0,0）
類選擇器、偽類選擇器、屬性選擇器（0,0,1,0）
元素選擇器、偽元素選擇器（0,0,0,1）

這個(gè)數(shù)字越大，權(quán)重就越高。當(dāng)兩個(gè)選擇器的權(quán)重相同時(shí)，后面的選擇器會(huì)覆蓋前面的。

如果一個(gè)樣式同時(shí)被多個(gè)選擇器匹配到，那么權(quán)重高的優(yōu)先級(jí)就越高。如果兩個(gè)選擇器的權(quán)重一樣，那么后面的選擇器會(huì)覆蓋前面的。

p { color: red; } /* 權(quán)重為 0,0,0,1 */
#content p { color: blue; } /* 權(quán)重為 0,1,0,1 */
div p { color: green; } /* 權(quán)重為 0,0,1,1 */
/* 最終 p 元素的顏色為 blue，因?yàn)?#content p 的權(quán)重最高 */

在 CSS 中，樣式的優(yōu)先級(jí)和繼承是兩個(gè)不同的概念。繼承是指一個(gè)元素繼承其父元素的樣式，這樣可以減少代碼量，但也會(huì)讓樣式的優(yōu)先級(jí)變得更難控制。

盡管權(quán)重的計(jì)算比較麻煩，但理解權(quán)重的概念對(duì)于編寫(xiě)高效、可維護(hù)的 CSS 代碼是非常重要的。只有當(dāng)你理解權(quán)重的概念并正確使用時(shí)，你才能保證你的樣式表可以在不同的瀏覽器和設(shè)備上都得到正確的渲染。