使用步骤
- 输入一个或多个 CSS 选择器。
- 查看 ID、Class、Element 三部分权重。
- 比较选择器优先级，定位样式覆盖问题。
设计工具
CSS 权重计算器
计算 CSS 选择器权重，拆分 ID、class/属性/伪类和元素/伪元素分数。
本地简单运行
使用指南
开始使用
输入 CSS 选择器，立即计算权重分数和优先级比较，适合样式冲突排障。
使用例子
- 比较 `.nav .item` 和 `#header .item` 的优先级。
- 检查复杂选择器的权重分布。
Loading
CSS 权重计算器
工具组件加载中。