美文网首页web前端
css选择器的优先级

css选择器的优先级

作者: 繁华落尽2018 | 来源:发表于2017-02-09 14:39 被阅读36次

    css选择器遵循

    1. 在相同级别:
      • 叠加原则
      • 就近原则(覆盖)
    • id选择器 > 类选择器 > 标签选择器
    • 范围越小,优先级越高

    选择器的针对性越强,它的优先级就越高

    选择器的权值

    • 通配选择符(*): 0
    • 标签: 1
    • 类: 10
    • 属性: 10
    • 伪类: 10
    • 伪元素: 1
    • id: 100
    • important: 1000
      原则:选择器的权值加到一起,大的优先:如果权值相同,后定义的优先

    选择器的优先级

    • important > 内联 > id > 类 > 标签|伪类|属性选择 > 伪元素 > 通配符 > 继承

    相关文章

      网友评论

        本文标题:css选择器的优先级

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