CSS减少工具

Question

我想知道是否有人知道任何可用的工具来执行分析一个或多个CSS文件的任务，确定文件中各种规则之间的相似性，并向用户提供合并和减少规则集的选项。 / p>

我问这个是因为我正在开发的一个项目已经达到了这么多CSS的程度，以至于Internet Explorer（我害怕的底线仍然是底线）在页面加载后在CSS上窒息，导致3-5秒锁定交互性，直到处理了阻塞。

如果您想知道：是的，我确定是导致此问题的CSS。

Answer 1

尝试这些链接中的任何一个，我更喜欢css整洁并且过去成功使用过它。

css optimiser

cleancss

css tidy

Answer 2

有YUI CSS Compressor - 你可以给它一个去，但我认为文件大小比实际组合规则更多。

Answer 3

我知道这不完全是你所要求的而且它正好相反并使你的css文件更大，但你可能会有一些想法来手动优化你的CSS组织 工具：

http://styleneat.com/index.php?PHPSESSID=j0thilea0b8sjao2vcs8g5ekh1

同样，不是工具，而是有趣的阅读：

http://code.google.com/speed/articles/optimizing-css.html http://meiert.com/en/blog/20080515/css-organization-and-efficiency/

Answer 4

不完全是你所追求的，但对于修剪膨胀的CSS非常有用：

http://www.sitepoint.com/dustmeselectors/

Firefox插件告诉你哪些CSS声明未被使用。

https://addons.mozilla.org/en-US/firefox/addon/60

Firefox Web开发人员工具栏：CSS＆gt;查看样式信息＆gt;单击页面元素 - 这将显示适用于元素的所有CSS以及它所在的CSS文件。