CSS應(yīng)用優(yōu)先級

1. 層疊優(yōu)先級（由高到低）

  • 標(biāo)注為!important的 用戶 樣式
  • 標(biāo)注為!important的 作者 樣式
  • 作者 樣式
  • 用戶 樣式
  • 瀏覽器默認(rèn)樣式

作者 - 即網(wǎng)站開發(fā)者
用戶 - 即使用者，用戶可以通過瀏覽器選項(xiàng)設(shè)置樣式

2. 特殊性優(yōu)先級

分為 a, b, c, d四位，用十進(jìn)制計(jì)算大小：

  • a - 內(nèi)聯(lián)樣式，記為1
  • b - ID選擇符數(shù)目
  • c - 類選擇符、偽類選擇符和屬性選擇符的數(shù)目
  • d - 類型選擇符和偽元素選擇符
特殊性示例

注意：

  • 通用選擇符為0
  • 后定義的會覆蓋前定義的樣式：Lord Vader Hates Furry Animals - :link, :visited, :hover, :focus, :active
  • 簡化選擇符、降低特殊性

3. HTML5支持的js加載方式

IE10和更早的版本不支持。

<head>
    <!-- 異步加載，下載完畢馬上執(zhí)行 -->
    <script src="/scripts/core.js" async></script>

    <!-- 異步加載，等HTML加載完畢后執(zhí)行 -->
    <script src="/scripts/deferred.js" defer></script>
</head>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容