如何通過Chrome查找和刪除未使用的CSS

-1

Chrome開發人員工具顯示未使用的CSS的百分比，並且還列出了所有未使用的規則。如何通過Chrome查找和刪除未使用的CSS

看來，谷歌鉻只是顯示未使用的規則我想知道它是如何幫助？

是否應該從每個css文件中逐個顯示未使用的規則？

2016-11-28 network

可能重複[如何識別未使用的css定義]（http://stackoverflow.com/questions/135657/how-to-identify-unused-css-definitions）。通過快速搜索可以很容易地找到網絡上的這個和其他答案。您的問題的最佳解決方案可能是丟棄所有現有的CSS並重寫它。 – 2016-11-28 05:10:45

問題要求我們建議，查找或推薦書籍，工具，軟件庫，插件，教程，解釋技術或提供任何其他異地資源，都是無法用於堆棧溢出堆棧溢出 –

很難定義未使用的CSS規則是誠實的。想象一下以下內容：

一些global.css中文件

.classA { 
    font-size: 12px; 
} 
.classB { 
    font-size: 14px; 
}

page1.html

<div class="classA"> 
</div>

page2.html

<div class="classA classB"> 
</div>

技術上第1頁中的ClassA有它100％的CSS在第2頁中使用和應用規則時，它們將被完全覆蓋。這是否算作一個未使用的規則？如果是這樣的話，那麼這樣做會非常危險，因爲顯然你會去除你不知道的東西的樣式。

如果不是，Chrome只是指出在div元素上放置「display：block」是多餘的，因爲它是div元素的默認值，那麼這是一個不同的故事，我不知道答案。

來源

2016-11-28 04:48:15 k2snowman69

如何通過Chrome查找和刪除未使用的CSS

回答

相關問題