在網頁制作當中，我們使用CSS樣式表來設置網頁的外觀和布局。而在設置樣式的時候，我們需要了解樣式權重設置的規則，以確保樣式的正確實現。

樣式權重是用來確定當多個規則應用于同一個元素時，哪一個規則將會被應用。下面是權重計算規則：

- !important 優先級最高，可以覆蓋任何其他規則
- 行內樣式的權重值為 1000
- ID選擇器的權重值為 100
- class選擇器、屬性選擇器和偽類的權重值為 10
- 標簽選擇器的權重值為 1
- 通配符選擇器和繼承樣式的權重值為 0

如果有多個規則具有相同的權重，那么遵循“就近原則”，最后定義的樣式將被應用。

下面是幾個例子：

// 權重值為 1
p {
color: blue;
}
// 權重值為 10
.button {
color: red;
}
// 權重值為 100
#title {
color: green;
}
// 權重值為 1000
p {
color: yellow !important;
}

在上面的例子中，如果一個元素既有類名為“button”的class選擇器，又有id為“title”的ID選擇器，那么“#title”中的樣式將優先應用。

在編寫CSS時，務必注意規則的權重，以免出現預期之外的樣式。