在CSS中，樣式表的優(yōu)先級決定了樣式規(guī)則在被應用時的權重，這在復雜的頁面設計中尤為重要。CSS定義了以下幾種選擇器，它們的優(yōu)先級從高到低排序：

1. 內聯樣式（如<span style="color: blue">style="color: red;"</span>）：權值為1000，是最高的優(yōu)先級；
2. ID選擇器（如<span style="color: blue">#header</span>）：權值為100；
3. 類選擇器、屬性選擇器和偽類選擇器（如<span style="color: blue">.test</span>、<span style="color: blue">[type="checkbox"]</span>、<span style="color: blue">:hover</span>）：權值為10；
4. 元素選擇器和偽元素選擇器（如<span style="color: blue">p</span>、<span style="color: blue">::before</span>）：權值為1；
5. 如果有多個選擇器具有相同的權值，則樣式規(guī)則的優(yōu)先級依賴于它們在樣式表中的順序，后定義的規(guī)則會覆蓋先定義的規(guī)則。

例如，以下CSS規(guī)則：

#header {
color: blue;
}
.test {
color: green;
}
p {
color: red;
}

如果頁面中有一個ID為“header”的元素，那么其文本顏色將為藍色，不受后面元素選擇器的影響。對于類名為“test”的元素，文本顏色將為綠色，但其上級元素的顏色為紅色，因為元素選擇器的權重低于類選擇器。

因此，在設計頁面樣式時，我們應該優(yōu)先使用類選擇器等低優(yōu)先級選擇器，以便易于修改樣式。