CSS 选择器优先级计算器
计算 CSS 选择器的优先级 (a,b,c),支持批量比较与排序
计算结果(按优先级从高到低排序)
— 请输入选择器后点击「计算优先级」—
💡 优先级 (specificity) 规则:
· a:ID 选择器数量(
· b:类、属性选择器、伪类数量(
· c:元素、伪元素数量(
· 通配符
·
·
· a:ID 选择器数量(
#id);· b:类、属性选择器、伪类数量(
.class、[attr]、:hover);· c:元素、伪元素数量(
div、::before);· 通配符
*、组合器(空格、>、+、~)、:not() 本身不计入;·
:is()、:has() 取参数中最高优先级;:where() 恒为 0;·
!important 优先级最高(本工具不计算)。