• 前端入門學習筆記

1. 以下結論僅基于瀏覽器的表現，不涉及深層原理，有待深入。

2. 本文的"優先級"僅為最后樣式體現的描述，不與常規定義等同。

1. 行內樣式 VS 內部樣式、鏈接樣式、導入樣式

   *結論：行內樣式優先級最高

2. 內部樣式 VS 鏈接樣式

   *結論：就近原則——最靠近相關標簽的樣式優先級高

3. 內部樣式 VS 導入樣式

《CSS權威指南》：
“@import一定要寫在除@charset外的其他任何CSS規則之前，如果置于其他位置將會被瀏覽器忽略，而且，在@import之后如果存在其它樣式，則@import之后的分號是必須書寫，不可省略的。”

*結論：內部樣式比導入樣式優先級高（或者說覆蓋）

??這里因為導入樣式的特殊性，不能進行兩種樣式的交換的優先級比較。當然，如果進行交換，依然以內部樣式為準。

• 4. 鏈接樣式 VS 導入樣式

  *結論：就近原則——最靠近相關標簽的樣式優先級高

• 總結論：

  1. 行內樣式優先級最高；
  2. 內部樣式優先級大于導入樣式，而與鏈接樣式的優先級則與文檔順序有關，越靠近相關標簽的樣式優先級越高，即遵循就近原則。
  3. 導入樣式與鏈接樣式的優先級也遵循就近原則。

總結

以上是生活随笔為你收集整理的CSS样式表优先级(w3cschool)的全部內容，希望文章能夠幫你解決所遇到的問題。

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