• 前端入門學(xué)習(xí)筆記

1. 以下結(jié)論僅基于瀏覽器的表現(xiàn)，不涉及深層原理，有待深入。

2. 本文的"優(yōu)先級"僅為最后樣式體現(xiàn)的描述，不與常規(guī)定義等同。

1. 行內(nèi)樣式 VS 內(nèi)部樣式、鏈接樣式、導(dǎo)入樣式

   *結(jié)論：行內(nèi)樣式優(yōu)先級最高

2. 內(nèi)部樣式 VS 鏈接樣式

   *結(jié)論：就近原則——最靠近相關(guān)標(biāo)簽的樣式優(yōu)先級高

3. 內(nèi)部樣式 VS 導(dǎo)入樣式

《CSS權(quán)威指南》：
“@import一定要寫在除@charset外的其他任何CSS規(guī)則之前，如果置于其他位置將會(huì)被瀏覽器忽略，而且，在@import之后如果存在其它樣式，則@import之后的分號是必須書寫，不可省略的?！?/p>

*結(jié)論：內(nèi)部樣式比導(dǎo)入樣式優(yōu)先級高（或者說覆蓋）

??這里因?yàn)閷?dǎo)入樣式的特殊性，不能進(jìn)行兩種樣式的交換的優(yōu)先級比較。當(dāng)然，如果進(jìn)行交換，依然以內(nèi)部樣式為準(zhǔn)。

• 4. 鏈接樣式 VS 導(dǎo)入樣式

  *結(jié)論：就近原則——最靠近相關(guān)標(biāo)簽的樣式優(yōu)先級高

• 總結(jié)論：

  1. 行內(nèi)樣式優(yōu)先級最高；
  2. 內(nèi)部樣式優(yōu)先級大于導(dǎo)入樣式，而與鏈接樣式的優(yōu)先級則與文檔順序有關(guān)，越靠近相關(guān)標(biāo)簽的樣式優(yōu)先級越高，即遵循就近原則。
  3. 導(dǎo)入樣式與鏈接樣式的優(yōu)先級也遵循就近原則。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。