美文网首页
CSS应用优先级

CSS应用优先级

作者: freefishz2 | 来源:发表于2020-05-09 18:45 被阅读0次

    1. 层叠优先级(由高到低)

    • 标注为!important用户 样式
    • 标注为!important作者 样式
    • 作者 样式
    • 用户 样式
    • 浏览器默认样式

    作者 - 即网站开发者
    用户 - 即使用者,用户可以通过浏览器选项设置样式

    2. 特殊性优先级

    分为 a, b, c, d四位,用十进制计算大小:

    • a - 内联样式,记为1
    • b - ID选择符数目
    • c - 选择符、伪类选择符和属性选择符的数目
    • d - 类型选择符和伪元素选择符
    特殊性示例

    注意:

    • 通用选择符为0
    • 后定义的会覆盖前定义的样式:Lord Vader Hates Furry Animals - :link, :visited, :hover, :focus, :active
    • 简化选择符、降低特殊性

    3. HTML5支持的js加载方式

    IE10和更早的版本不支持。

    <head>
        <!-- 异步加载,下载完毕马上执行 -->
        <script src="/scripts/core.js" async></script>
    
        <!-- 异步加载,等HTML加载完毕后执行 -->
        <script src="/scripts/deferred.js" defer></script>
    </head>
    

    相关文章

      网友评论

          本文标题:CSS应用优先级

          本文链接:https://www.haomeiwen.com/subject/mchlnhtx.html