# CSS代码为什么会出现重复？
在长期维护的Web项目或遗留代码中，多名开发者写出相互重叠的CSS规则是极为常见的现象。为了避免破坏现有设计，开发者往往选择在文档末尾添加新的冗余规则，而不是去修改或重构原有代码。结果是一个低效的文件，其中有数十个反复声明的选择器，既损害代码可读性，又大幅增加了网页的下载体积。# 对Web性能（Web Vitals）的隐性影响
样式表文件会阻塞浏览器的正常渲染（即渲染阻塞资源）。在浏览器下载并构建完整的CSSOM之前，页面屏幕将保持空白。 清除冗余样式不仅仅是代码整洁的问题，更是对首次内容绘制（FCP）等关键性能指标的即时、可量化的改善。
# 我们如何合并重复规则
本工具的工作原理类似于智能汇编器。它不像传统压缩工具那样只是压缩空白字符，而是递归扫描文本，查找完全相同的选择器模式。- 假设您有规则
.box { color: red; }，而一百行之后又有.box { padding: 10px; color: blue; }。工具会将这两个块合并到同一个.box选择器下，同时保留 padding 属性。 - CSS层叠保护：对于直接冲突的属性，算法严格保留最后声明的那个。这确保了在清理文档后，原有布局不会出现错乱。