CSS（層疊樣式表）是一種經常用于網頁設計的語言，它可以控制網頁上的布局和外觀。然而，當我們在一個元素上應用多個樣式時，我們可能會對這些樣式的優先級感到困惑。這篇文章將幫助你理解CSS優先級的計算。

在CSS中，每個樣式都有一個特定的優先級。當多個樣式作用于同一個元素時，CSS會根據這些優先級來決定哪一個樣式將被應用到元素上。

CSS優先級規則的計算方法如下：

通過分配點數來確定優先級。選擇器中某個選擇器出現以下條件，該選擇器才會分配相應的點數：
? 如果選擇器中包含內聯樣式，那么在該選擇器的總點數中添加1000點。
? 如果選擇器中包含ID選擇器，則在該選擇器的總點數中添加100點。
? 如果選擇器中包含類選擇器、屬性選擇器或偽類，則在該選擇器的總點數中添加10點。
? 如果選擇器中包含元素選擇器或偽元素，則在該選擇器的總點數中添加1點。
然后，把所有選擇器的點數加起來，得到最終總點數。總點數越高，說明優先級越高。

舉個例子，如果我們想為一個元素應用以下樣式：

.class1 {
color: blue;
}
#id1 {
color: red;
}
p {
color: green;
}

這里的選擇器包括一個類選擇器、一個ID選擇器和一個元素選擇器。類選擇器和ID選擇器每個都有10和100點，元素選擇器有1點。所以，.class1和p選擇器將各自得到11個點，#id1選擇器得到100個點。因此，樣式color:red將被應用，因為它的總點數最高。

現在你已經了解了CSS優先級的規則和計算方法。遵循這些規則可以幫助你正確地應用樣式，從而更好地控制網頁的布局和外觀。