CSS是一種用于定義網頁樣式的語言，它可以通過樣式表來控制網頁元素的外觀和布局。在CSS中，有一個很重要的概念-選擇器權重。

權重是選擇器的優先級，用于確定具有相同樣式聲明的元素在頁面中所應用的最終樣式。
計算權重值的公式是：a * 1000 + b * 100 + c * 10 + d
其中 a 表示內聯樣式，權重值為 1000
b 表示 id 選擇器的數量，權重值為 100
c 表示類選擇器、屬性選擇器和偽類選擇器的數量，權重值為 10
d 表示元素選擇器和偽元素選擇器的數量，權重值為 1

根據這個公式，我們可以很容易地計算出不同選擇器的權重值。例如：

/* ID 選擇器 */
#header {
color: red; /* 權重值為 100 */
}
/* 類名選擇器 */
.container .box {
color: blue; /* 權重值為 20 */
}
/* 元素選擇器 */
p {
font-size: 16px; /* 權重值為 1 */
}
/* 內聯樣式 */Hello, world!/* 權重值為 1000 */

當多個選擇器權重值相同時，最終應用的樣式是后定義的樣式。例如：

/* 樣式1 */
p {
color: blue;
}
/* 樣式2 */
p {
color: red;
}
/* 最終結果是紅色 */

除了以上介紹的選擇器之外，還有一些特殊的選擇器和偽類，它們的權重值比較特殊，需要記住：

• 通用選擇器（*）和關系選擇器（+、>、~）的權重值為 0。
• !important 聲明的樣式具有最高的優先級，其權重值高于任何其他選擇器。
• 偽類選擇器和屬性選擇器中的內容在權重值計算中不參與類、id、元素等選擇器的統計，只計算自身的個數。

了解選擇器權重的概念，可以幫助我們更好地理解 CSS 樣式的應用規則，從而更加靈活地運用 CSS 去實現網頁的布局和樣式。