【知識總結】CSS中樣式覆蓋優先順序

層疊樣式類型

類型：

1. 瀏覽器默認樣式
2. 瀏覽器用戶自定義樣式
3. 外部樣式表
4. 內部樣式表
5. 內聯樣式表

順序：

瀏覽器默認樣式 < 瀏覽器用戶自定義樣式 < 外部樣式表 < 內部樣式表 < 內聯樣式表

樣式表內部選擇器

1. 類選擇器 
2. 類派生選擇器
3. ID選擇器
4. ID派生選擇器

樣式表內部選擇器生效順序

類選擇器 < 類派生選擇器 < ID選擇器 < ID派生選擇器

生效規則

1. 樣式表的元素選擇器選擇越精確，則其中的樣式優先級越高。
   id選擇器指定的樣式 > 類選擇器指定的樣式 > 元素類型選擇器指定的樣式
2. 對於相同類型選擇器指定的樣式，在樣式表文件中，越靠後的優先級越高。
3. 一個元素同時應用多個class，後定義的優先(即近者優先)
4. 若是要讓某個樣式的優先級變高，可使用!important來指定。