CSS形式優先級
在CSS中，存在不同形式的選擇器，每個選擇器都有不同的優先級，當有多個選擇器應用于同一個元素時，需要了解它們的優先級以確定哪個樣式將被應用。
選擇器的優先級可以以多種形式組合起來來確定，以下是優先級的常規分類：
1. 行內樣式
行內樣式是通過在元素標記的“style”屬性中定義的樣式的形式來設置的。它們具有最高的優先級，并覆蓋其他任何類型的樣式，包括樣式表和內部樣式。
例如：

<p style="color:blue">This is a blue paragraph</p>

2. ID選擇器
ID選擇器將ID屬性用作選擇器，以應用特定樣式。它們具有較高的優先級，并覆蓋所有其他選擇器，除了行內樣式。
例如：

#header {
background-color: gray;
}

3. 類選擇器和屬性選擇器
類選擇器和屬性選擇器以“.”或“[]”形式定義，優先級比元素選擇器高。它們分別通過類和屬性來選擇元素，并為它們應用樣式。
例如：

.highlight {
background-color: yellow;
}
[type="text"] {
border: 1px solid black;
}

4. 元素選擇器和偽元素選擇器
元素選擇器選擇某個元素，并應用樣式。偽元素選擇器用于在元素特定部分中應用樣式。它們是優先級最低的選擇器。
例如：

p {
font-size: 16px;
}
p:first-letter {
color: red;
}

在確定應用的樣式時，各種選擇器形式組合的特定情況將產生不同的結果。例如，包含行內樣式的元素將始終使用由該樣式定義的樣式，而帶有類選擇器和屬性選擇器的元素將使用帶有ID選擇器的元素的樣式。
知曉CSS的形式優先級，可以幫助開發人員正確地編寫CSS樣式，確保所需的樣式被正確應用于頁面元素。