文章目錄

• 樣式優先級
• 選擇器的優先級
• 總結

---

樣式優先級

CSS優先級即是指CSS樣式在瀏覽器中被解析的權重不同。

多重樣式（Multiple Styles）：如果外部樣式、內部樣式和內聯樣式同時應用于同一個元素，就是使多重樣式的情況。一般情況下，優先級如下所示：

選擇器的優先級

CSS選擇器的優先級如下所示。

內聯樣式表的權值最高為 1000；id 選擇器的權值為 100；class 類選擇器的權值為 10；html 標簽選擇器的權值為 1 ；

---

總結

• 權值越大越優先
• 當權值相等時，后出現的樣式表設置要優于先出現的樣式表設置；
• 創作者的規則高于瀏覽者：即網頁編寫者設置的CSS 樣式的優先權 高于瀏覽器所設置的默認樣式；
• 繼承的CSS 樣式權值小于后來指定的CSS 樣式；
• 在同一組屬性設置中標有“!important”規則的優先級最大；

總結

以上是生活随笔為你收集整理的详细解读CSS优先级——Web前端系列学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。