计算 CSS 选择器优先级,可比较两个选择器的权重值
它是前端开发用的工具,计算单条 CSS 选择器的优先级,同时支持对比两条选择器的权重大小,帮你定位样式不生效问题。
计算遵循 W3C 标准优先级规则:内联样式得 1000 分,ID 选择器每个得 100 分,类/伪类/属性选择器每个得 10 分,元素选择器每个得 1 分。
支持,包括逗号分隔、后代选择器、伪类组合,都能按规则正确计算。
不计算,!important 优先级高于所有常规选择器,规则独立于本计算。
不影响,通配符的优先级分值为 0,不会改变最终计算结果。
按选择器类型分别计数后求和,比如 1 个 ID + 2 个类结果就是 120。