CSS是前端開發中必不可少的一環，它的優先級大小直接決定了樣式的應用順序。

優先級計算規則如下：
· 標簽內樣式（即行內樣式）優先級最高，直接作用于樣式所在的標簽上。
· id選擇器優先級第二高，通過#id方式定義的樣式。
· class選擇器、偽類選擇器以及屬性選擇器優先級第三高，通過.class、:hover、[attribute]方式定義的樣式。
· 標簽名選擇器、偽元素選擇器以及通配符選擇器優先級最低，通過tag、::before、*方式定義的樣式。

在CSS中，不同的選擇器具有不同的優先級，如果兩個選擇器的優先級相同，后出現的選擇器會覆蓋先出現的選擇器。

舉例：
HTML結構為
這是一段紅色文字
樣式表如下：
p {
color: black;
}
#info {
color: red;
}
.red {
color: green;
}
根據上述優先級規則，該段文字的顏色應該是紅色，因為id選擇器#info的優先級最高，但是實際上，該段文字的顏色是綠色，因為.class選擇器.red位于#info選擇器之后，且優先級相同，所以覆蓋了#info選擇器的樣式。

因此，要在開發中正確使用CSS選擇器，理解優先級的規則，以免出現意想不到的樣式問題。