运行工具
CSS 特异度计算器帮助前端工程师快速评估和分析 CSS 选择器的权重与层叠优先级。在前端页面样式开发与重构过程中，不同规则之间的样式冲突常常源于选择器特异度的差异。本工具接收用户输入的 CSS 选择器字符串，并自动将其解析为四个特异度分量。具体而言，ID 选择器计入第一分量；类选择器、属性选择器以及伪类选择器计入第二分量；元素类型选择器与伪元素计入第三分量；通配符选择器与各种组合符号则不计入权重。系统将这四个分量依次按照 1000、100、10 和 1 的权重比例换算为直观的综合数值得分。如果输入框保持留空或者仅包含空格字符，计算器将返回全为零的分量与总分结果。借助清晰明了的分量结构拆解和综合数值呈现，开发者可以精准排查样式覆盖与失效问题，合理规范样式表的选择器层级，从而避免滥用高优先级规则。
使用说明
- 在输入框中输入或粘贴需要分析的 CSS 选择器文本。
- 点击运行按钮，系统即刻开始解析该选择器的语法结构。
- 在结果面板中查看四个特异度分量的具体计数值、综合权重得分以及对应的选择器文本。
示例
- 输入复合选择器 "#main-nav .menu-item:hover a"，工具将识别出 1 个 ID、2 个类与伪类、1 个类型选择器，并输出相应的特异度分量与综合得分。
- 输入单纯的元素选择器 "div p"，工具将计算出包含 2 个类型选择器的分量，展示基础层叠权重。
常见问题
通配符选择器（*）会增加特异度得分吗？
通配符选择器不包含在特异度分量计算中，其对应的计数值为零，不会增加综合得分。
输入框可以留空吗？
选择器输入为可选。若未输入任何内容或仅包含空格，计算器将输出各项分量均为零、总分为零的结果。
综合数值得分是如何加权计算的？
工具将四个特异度分量从高到低依次乘以 1000、100、10 和 1 进行求和，直观体现不同级别选择器的优先级差异。