CSS 优先级计算器

计算选择器及选择器列表的 ID、类和类型优先级。

CSS Specificity Calculator
本地输入
输出
处理中…
关于此工具

专注当前任务。

计算现代函数伪类的选择器权重,结果采用标准 ID-类-类型三元组。

使用方法

  1. 输入一个选择器或逗号分隔的选择器列表。
  2. 查看每个三元优先级元组。
  3. 比较 ID、类和类型三列数值。
你的内容由你掌握。
工具输入在你的浏览器本地处理,绝不会发送至 KitVerse 服务器。在共享设备上使用时,请及时清空工作区。
常见问题
:where() 会增加优先级吗?

不会。:where() 及其参数权重为零,而 :is()、:not() 和 :has() 采用最高参数权重。

它能决定哪条样式生效吗?

只能部分判断。层叠层、来源、重要性、封装和源码顺序也会影响最终声明。