⚖️ CSS 优先级计算器

输入选择器 (每行一个)
计算结果 (从高到低排序)
优先级规则说明

优先级由三组数字 (a, b, c) 决定:

  • a = ID 选择器数量 (#id)
  • b = 类选择器 + 属性选择器 + 伪类数量 (.class, [attr], :hover)
  • c = 元素选择器 + 伪元素数量 (div, ::before)

内联样式 style="" 权重为 (1,0,0,0),!important 超越一切。

通配符 *、组合符 + > ~ 不增加优先级。