CSS 權重在樣式處理中非常關鍵。它定義了樣式優(yōu)先級的大小關系，確保正確的樣式被應用到元素上。

權重的計算是基于不同選擇器的優(yōu)先級加權計算得出的。CSS的權重計算規(guī)則如下：

? 選擇器優(yōu)先級最高的是“！important”。該規(guī)則被定義為具有最高的優(yōu)先級，它可以覆蓋其他所有的樣式。
? 設置了“style”屬性的元素，也具有很高的優(yōu)先級。
? ID 選擇器的權重是100。它比其他選擇器更具有優(yōu)先級。如果一個元素同時有多個ID 選擇器，只會匹配第一個ID選擇器，其余的會被忽略。
? 類選擇器、屬性選擇器和偽類選擇器的權重是10。
? 元素選擇器的權重是1。
? 通用型選擇器(*), 與子選擇器以及同級選擇器組成的選擇器不加分，權重為0。

當樣式規(guī)則應用于一個元素時，計算出該元素與其他應用于它的樣式規(guī)則的總權重，從而確定哪個樣式規(guī)則與覆蓋時使用。這些權重可以通過將選擇器的權重相加來計算得到。

例如：

#nav .list li:hover			（ID 選擇器 + 類選擇器 + 元素選擇器 + 偽類選擇器）  = 100 + 10 + 1 + 10 = 131
#container article h1			（ID 選擇器 + 元素選擇器 + 元素選擇器） = 100 + 1 + 1 = 102
.article .post div				（類選擇器 + 類選擇器 + 元素選擇器） = 10 + 10 + 1 = 21

將權重相加得出總權重后，樣式規(guī)則將被應用于元素。