剝離一個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

回答