剥离一个css文件的大小

我的html页面正在使用一个css文件，这个css文件是从一个模板中借用的，我希望缩小大小以便只保留网页中实际使用的样式。剥离一个css文件的大小

我的目的是让我可以找到自己的方式绕过CSS样式并根据需要修改它们。这个css文件相当大，并且没有空格进行优化，而且很难阅读。它来自一个比我的实现复杂得多的模板，因此包含了许多我没有使用的模板。我猜我只需要其内容的5％左右。现在我无法找到背景颜色，因为css定义了很多不同的背景。

我做了一个手册列表中的-id-和-class-出现在我的html（每个约20），所以基本上我想从原始CSS中提取相关样式为每个id = “X”和每个类=“Y”，我已列出。

感谢您的任何建议。

2013-02-22 PatrickT

http://stackoverflow.com/questions/4405310/is-there-a-css-decompressor-online-to-decompress-my-code – Flowerking 2013-02-22 19:16:29

有几个工具可以帮助，这里是一个：[weightweight]（ https://github.com/aanand/deadweight） – steveax 2013-02-22 19:21:33

Flowerking，steveax，非常感谢，有用的链接和良好的！因为我只是一份工作，Chris Danek建议的http://www.csstrashman.com/就是门票。 – PatrickT 2013-02-22 21:16:32

查看CSS Trashman http://www.csstrashman.com/。它应该去掉样式表中的所有不必要的CSS。

2013-02-22 19:22:04

就是我在找的东西，太好了，谢谢你的快速回复！ – PatrickT 2013-02-22 21:14:05

有几件事情没有出来，可能是因为某些样式被定义了几次，但是我可以在约1小时内调整它，从csstrashman的修剪版本开始。底线：我的css从181,134字节减少到5,988字节。 – PatrickT 2013-02-23 17:58:42

所以我一定会推荐csstrashman，尽管它的名字非常规。谢谢克里斯。 – PatrickT 2013-02-23 18:00:03

回答