CSS的代码分析[关闭]答案

【问题标题】：Code Analysis for CSS [closed]CSS的代码分析[关闭]
【发布时间】：2015-05-19 15:34:45
【问题描述】：

我正在寻找自动化工具来帮助我重构一堆 CSS 文件，例如：

删除不必要的选择器（例如页面内未使用的）
检测多个选择器中的可重复规则并建议合并

有没有这样的工具？

谢谢！

【问题讨论】：

如果您有脚本编写经验（Python、PHP、Perl 等），编写一个不会那么难。当然，这取决于复杂性。

标签： css refactoring less sass

【解决方案1】：

是的，Google Page Speed 会进行这项 CSS 调查。链接：

http://code.google.com/speed/page-speed/docs/overview.html

【讨论】：

【解决方案2】：

并非完全自动化，但this one 运行良好。

我喜欢我可以看到我正在改变的事实。虽然我已经做了 15 年的 UI，但总是有一些小事情让我注意到自己通过使用这个工具重复了一些事情。从长远来看，手动做一些事情会让我成为一个更好的开发人员。

寻找不必要的选择器是一种危险的游戏。你可以这样做，但如果你发现自己在做动态和/或 ajax 注入的 div，你会立即使用自动化工具炸毁你的页面或应用程序。如果您这样做，请确保它不是即时运行的，没有某种非常好的测试环境来验证结果输出。我目前的公司客户绝不会允许我根据他们对 100% 测试和验证 CSS 的要求使用任何类型的请求点工具。

【讨论】：

我同意。我更多的是寻找建议工具而不是修改工具。

【解决方案3】：

This tool 可以自动进行 css 重构，但它在项目中的价值仍然需要仔细评估。

【讨论】：