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


層疊樣式類型

類型:

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

順序:

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

樣式表內部選擇器

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

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

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

生效規則

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM