CSS選擇器的權重是用于決定哪個樣式將優先應用于元素。權重是由CSS選擇器的組成的，其中每個選擇器都有一個特定的權重，權重大小按照如下規則：

/* !important總是覆蓋其它的樣式 */
!important:∞ 
/* 內聯樣式表 */
樣式屬性: 1000
/* ID選擇器 */
#id:100 
/* 類選擇器、偽類 */
.class:10 
:pseudo-class : 10
/* 元素選擇器、偽元素 */
element:1 
::pseudo-element:1
/* 通配符、組合符 */
* : 0 
+、>、~、空格:0 
/* 繼承值 */
inherit: 0

在CSS中，當兩個選擇器具有相同的權重時，后面的樣式將覆蓋前面的樣式。下面是一些例子來幫助您了解權重如何影響樣式：

#title {
color: red; /*權重為100*/
}
h1 {
color: blue; /*權重為1*/
}
/* 應用紅色 */
這是標題
.class {
color: green; /*權重為10*/
}
#title {
color: yellow; /*權重為100*/
}
/* 應用黃色 */
這是標題
#title {
color: blue; /*權重為100*/
}
h1 {
color: red; /*權重為1*/
}
/* 應用藍色 */
這是標題
.class {
color: orange; /*權重為10*/
}
#title.class {
color: purple; /* 按組合計算權重，為110 */
}
/* 應用紫色 */
這是標題

根據上述規則，在編寫CSS樣式表時應該注意選擇器的權重，以避免樣式應用錯誤或無法預期的情況。