CSS是為網頁添加外觀和樣式的語言。CSS的一個重要的概念就是“權重”，可以決定樣式優先級。那么，CSS權重值設置是如何進行的呢？

/* 以下是權重值的從高到低的順序 */
/* ID選擇器 */
#id {
color: red;
}
/* 類選擇器、屬性選擇器以及偽類選擇器 */
.class, [name="name"], :hover {
color: blue;
}
/* 標簽選擇器、偽元素選擇器 */
div, ::before {
color: green;
}

以上代碼展示了權重值的從高到低的順序。ID選擇器具有最高的權重值（100），類選擇器、屬性選擇器以及偽類選擇器的權重值為10，標簽選擇器、偽元素選擇器的權重值為1。

當選擇器具有相同的權重值時，最后定義的樣式具有優先權。如果沒有定義樣式，則會應用來自繼承的樣式。此外，同時使用!important關鍵字可以覆蓋任何其他樣式。

下面是一個樣式優先級的示例：

#id {
color: red !important;
}
.class {
color: blue;
}
div {
color: green;
}

在上面的示例中，ID選擇器的優先級最高，所以文字顏色將是紅色。如果沒有!important關鍵字，則類選擇器的順序更高，文字顏色將是藍色。如果兩個選擇器的權重值相等且沒有!important關鍵字，則最后出現的選擇器將優先。

總而言之，CSS權重值的設置可以讓你掌握樣式的優先級，確保你的網頁外觀和樣式是如你所愿的。