從CSS中刪除不需要的類

我想編輯一個html模板來爲我的需要創建一個簡單的版本。我刪除了一些;但有沒有一種工具從CSS中刪除未使用的類，或者我需要手動刪除？從CSS中刪除不需要的類

例如，我的html中沒有使用<div class="something">;但我仍然有我的css文件中的.something {}，並使我的CSS重。目前，我手動從CSS中逐一刪除未使用的類。我想知道是否有辦法刪除CSS中未引用的任何類！

來源

2011-10-25 Googlebot

有一些工具做得很好，但事實是，通過jQuery動態使用CSS類（等），這個問題實際上並不是完全可以解決的。 –

你能說出一些或給我一個提示。我知道你提到的問題;但我認爲將jquery函數和相應的類分開更容易。 – Googlebot

JetBrain的產品做得很好，* WebStorm *，* ReSharper *等。我確信還有其他人。 –

看看像http://unused-css.com/之類的東西。如果您爲此付費，則需要抓取您的網站併爲整個網站創建一個乾淨的版本。

如果您想要基於瀏覽器的解決方案，請嘗試Firefox插件CSS Usage。你可以打開Firebug，點擊CSS Usage標籤，點擊「Autoscan」，然後瀏覽你的網站幾次（確保點擊每一頁）。它會跟蹤哪些類被使用，你可以導出一個「清理」版本。這需要更多的手動工作，並可能會受到破壞的風格，但如果你小心，它應該工作正常。

來源

2011-10-25 23:16:01

聽起來很神奇！這正是我正在尋找的想法。希望也能找到類似的選擇。 – Googlebot

我前段時間運行過它，它並沒有完全去除我未使用樣式的CSS，但它在不破壞任何東西的情況下將尺寸減小了32％。 –

正如我在更改日誌中看到的，很多事情都得到了改進（我想，讓我們試試吧）。 – Googlebot

答案並不是真的，因爲一個CSS文件可以跨越大量的HTML頁面使用。

我確定有些人可能已經制作了一個工具來解析所有他們自己特定的HTML頁面並創建一個'未使用'css類的列表，但它很可能是他們的需求定製的由於用戶的選擇，HTML頁面呈現出不同的東西，你怎麼知道CSS類是或不被使用？）

來源

2011-10-25 23:11:33 Skuld

從CSS中刪除不需要的類

回答

相關問題