css选择器的优先级

css选择器遵循

  1. 在相同级别：
    • 叠加原则
    • 就近原则（覆盖）
  • id选择器 > 类选择器 > 标签选择器
  • 范围越小，优先级越高

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

选择器的权值

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

选择器的优先级

  • important > 内联 > id > 类 > 标签|伪类|属性选择 > 伪元素 > 通配符 > 继承
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容