CSS 优先级计算器

计算 CSS 选择器优先级 — 可视化 (a, b, c) 分解,支持对比模式和选择器解析

如何使用 CSS 优先级计算器

  1. 在输入框中输入或粘贴一个 CSS 选择器 — 例如 ul li、.class、#id、.class1.class2,或复杂选择器如 div#id.class
  2. 查看以可视化 (a, b, c) 分解显示的优先级结果 — ID(a)、类/属性/伪类(b)和元素/伪元素(c)— 总优先级值计算公式为 a*100 + b*10 + c
  3. 可选择展开对比模式,输入第二个选择器以查看哪个选择器在 CSS 层叠中胜出。查看内联样式和 !important 说明以了解边缘情况。

请启用 JavaScript 以使用这些工具。