CSS选择器权重计算

输入一个或多个CSS选择器(每行一个),计算 Specificity (a, b, c):a=ID选择器数、b=类/属性/伪类数、c=元素/伪元素数。按权重降序排列,快速定位样式覆盖优先级。

Specificity规则

常见问题

Specificity(a,b,c)三位分别数什么?

a=ID选择器数、b=类/属性/伪类数、c=元素/伪元素数。!important凌驾于普通权重之上,内联样式按(1,0,0,0)计。同权重后定义覆盖先定义——排查"样式为什么不生效"时,批量粘贴选择器一键算权重排序,谁压谁一目了然。

权重相同还是被覆盖了?

检查三个隐蔽点:来源层级(用户样式>作者样式的例外情形)、@layer分层(低层永远让位高层,与权重无关)、内联style属性。工具批量排序帮你先排除权重因素,剩下的按这三点排查。

相关工具