CSS中的權值計算有助于確定樣式規則的優先級，以便在多個規則應用于同一元素時選擇最終樣式。

權值是由選擇器中的各個組成部分生成的數字，它們被分配給每個選擇器，并用于確定最終的樣式。權值越高的規則具有更高的優先級，并將覆蓋權值較低的規則。

以下是權值計算的幾個基本規則：

* 元素選擇器的權值為1
* class選擇器的權值為10
* ID選擇器的權值為100
* 行內樣式的權值為1000
* 通配符選擇器的權值為0

選擇器可以通過組合不同的選擇器來構建，例如：選擇器組、后代選擇器、相鄰兄弟選擇器和子選擇器。組成選擇器的每個部分都會添加到其總權值中。

如果兩個規則具有相同的權值，則將比較兩個規則的優先級。優先級由選擇器的第一個部分決定，如果兩個規則的第一個部分具有相同的權值，則將比較下一個部分，以此類推。

/* 權值相同，比較選擇器 */
body p {...} /* 權值：1（元素選擇器）+ 1（元素選擇器）=2 */
.content p {...} /* 權值：10（class選擇器）+ 1（元素選擇器）=11 */
/* 權值不同，比較高權值的規則 */
h1 {...} /* 權值：1（元素選擇器） = 1 */
.highlight {...} /* 權值：10（class選擇器） = 10 */
#logo {...} /* 權值：100（ID選擇器） = 100 */

最后，我們可以使用!important關鍵字來強制覆蓋其他規則并將樣式應用于元素。

p {color: red !important;} /* 權值：0（通配符選擇器）+ 1（元素選擇器）+ 1000（行內樣式）+1（!important）=1002 */

需要注意的是，!important的使用可能會使代碼難以維護和調試，因此應該盡可能避免使用它。并且應該優先考慮更具體和詳細的選擇器來覆蓋樣式。