2016-11-28 6 views
-1

未使用のCSSの割合が表示され、未使用のルールもすべて表示されます。クロムで未使用のCSSを検索して削除する方法

ちょうど表示されているGoogle Chromeのようです未使用のルール私はそれがどのように役立つかを知りたいですか?

各CSSファイルから未使用のルールを1つずつ削除する必要がありますか。

+0

[使用されていないCSS定義を特定する方法](http://stackoverflow.com/questions/135657/how-to-identify-unused-css-definitions)の可能な複製。 Web上のこの回答やその他の回答は、簡単な検索で簡単に見つかりました。あなたの問題を解決する最善の方法は、既存のCSSをすべて破棄して書き直すことです。 –

+0

本、ツール、ソフトウェアライブラリ、プラグイン、チュートリアル、テクニックの説明、その他のオフサイトリソースの提案、提案、推薦を依頼する質問は、オフトピックです。Stack Overflow Stack Overflow –

答えて

0

未使用のCSSルールを正直に定義するのは難しいです。次のことを想像して:Page1のクラスAにおける技術的

一部いるglobal.cssファイル

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

page1.html

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

page2.html

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

それの100%CSSだましたルールはページ2で使用され、適用され、完全にオーバーライドされています。これは未使用のルールとしてカウントされますか?もしそうなら、あなたが気づいていなかったもののスタイリングを削除することになるので、これを行うことはかなり危険です。

もしそうでなければ、Chromeは単にdiv要素に "display:block"を置くことはdiv要素のデフォルト値であるので冗長であると指摘していますが、それは私がその答えを知らない別の話です。

関連する問題