CSS 选择器权重计算器
CSS 选择器权重计算器按 (ID, 类/属性/伪类, 元素/伪元素) 三段统计特异性：粘贴选择器即给出 a-b-c 分值，比较多条规则谁覆盖谁，帮你在样式冲突时判断优先级、避免盲目加 !important。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 粘贴竞争冲突的多个选择器
- 查看各自的 ID 类元素计数
- 比较特异性分值判断生效者
- 据此调整选择器避免覆盖
典型场景
调试为何样式被别处覆盖
重构时降低不必要的高权重选择器
教学演示层叠优先级的计算
常见问题
!important 参与计算吗？
不参与常规比较，它优先于一切，应尽量少用。
内联样式权重多高？
内联高于常规选择器，具体顺序工具会一并说明。
伪类怎么算分？
归入中间一类计数，与类和属性选择器同级。