我想減少我的CSS文件的大小。它來自一個非常CSS的模板。即使使用CSSM，CSS文件大小也是250kb。從動態網站刪除多餘的CSS規則
雖然我使用了很多的CSS - 我知道我不使用它。所以我試圖找出哪些樣式可以刪除。我知道Dust-Me選擇器 - 但只是靜態的看網站。使用HTML5和CSS3--網站現在非常具有活力，我的大部分CSS都來自動態事件或「響應式」事件，即Bootstrap。
問題：有沒有一種工具可以'記錄'我的所有CSS在網站上的使用時間，因此我可以點擊/懸停/移動每個元素並與我的網站進行交互。然後在最後讓我知道哪些款式&沒有使用？
250KB真的只是CSS文件，這麼大的數字。
模板通常具有單個文件中所有頁面所需的全部CSS。
我建議：
不要削減你的CSS代碼，他們可能需要一定的時間點。
相反，我會建議，打破你的CSS文件成不同的頁面花式小文件數量， 如不同的CSS 登錄頁面上，家頁面不同的CSS文件等
請大力閱讀您自己的CSS和HTML代碼以找出哪些CSS代碼的重要部分用於HTML部分。
更新：
您可以嘗試Removed Unused CSS - CSS optimizer。
我個人沒有使用它，只是希望它適合你。
CSS的用法是firefox的一個很好的擴展。它告訴哪個css當前在頁面中使用。
鏈接：https://addons.mozilla.org/en-us/firefox/addon/css-usage/
嗯..多數民衆贊成'關閉' - 唯一的問題是它需要我每按一次'掃描'，每次我在網站上做一件事 - 這將是我的網站ALOT。你知道是否有這樣的事情，但自動？ – Laurence
非常感謝Asif--但不會工作 - 該網站基本上是「SaaS」應用程序 - 而且大部分CSS都在許多頁面上動態重用 - 所以對於我來說，製作一個發送到瀏覽器的最小化CSS文件更有意義曾經緩存了很長時間 – Laurence
你說過那麼最後讓我知道哪些樣式是不被使用的？_，如果我將成爲模板設計師，那麼我絕不會將我的努力放在提供不會被使用的代碼上_ – Asif
該模板是一種通用購買的模板，具有很多功能和靈活性。我只是不使用它在我的網站。所以風格+代碼可能已被使用......但他們werent在我的情況下 – Laurence