突然发现, 很久没有认真的写过css, 今天遇到了选择器权重的问题, 所以还是抽点时间记录一下.

记录

样式表优先级

  • 内联 > (内嵌 | 外部)
  • 内嵌于外部, 根据出场顺序确定

选择器优先级

  • 权重表
Selector Weight
!important 最高
id 100
类、属性、伪类 10
tag、伪元素 1
  • 注意点
    • 计算权重和
    • 权重和不能越界
    • !important > 内联样式