最優先css

CSS（Cascading Style Sheets，層疊樣式表）的優先級是決定樣式規則如何應用於HTML元素的一個關鍵概念。當有多個樣式規則應用於同一元素時，瀏覽器會根據優先級來決定最終應用的樣式。

CSS優先級由四個層次組成：

1. !important：如果一個樣式規則被指定為!important，它將具有最高的優先級，無論其餘規則的優先級為何，它都將被應用。

2. 內嵌樣式（Inline Styles）：使用HTML元素的style屬性指定的樣式具有第二高的優先級。

3. ID選擇器：ID選擇器（如#myid）的優先級次之。

4. 類、屬性、偽類選擇器：這些選擇器（如.myclass、[type="button"]、:hover）的優先級相同，低於ID選擇器。

5. 元素選擇器：元素選擇器（如div、p）的優先級再次低一些。

6. 通用選擇器與繼承：通用選擇器（如*）和繼承的樣式具有最低的優先級。

當有多個規則應用於同一元素時，瀏覽器會根據這些層次來決定哪個規則勝出。例如，如果一個元素同時被一個類選擇器和一個ID選擇器定義，則ID選擇器的樣式將勝出。

然而，當規則的層次相同時，瀏覽器會根據規則出現的順序來決定優先級。例如，如果一個元素同時被兩個類選擇器定義，且這些類選擇器出現在不同的CSS規則中，則最後一個規則將勝出。

總之，優先級的規則是：

• 如果一個樣式規則被指定為!important，它將勝出。
• 內嵌樣式優先於ID選擇器。
• ID選擇器優先於類、屬性、偽類選擇器。
• 類、屬性、偽類選擇器優先於元素選擇器。
• 元素選擇器優先於通用選擇器和繼承的樣式。

在實際應用中，應該盡量避免使用過高的優先級，因為這會使CSS樣式表難以維護和管理。優先使用選擇性更強的選擇器，並盡量避免使用!important。