巨大なCSSファイルとHTMLファイルがあります。HTMLファイルの表示中にどのルールが使用されていないかを知りたい。このためのツールはありますか?
CSSファイルは数年にわたって進化してきましたが、私が知っていることから、CSSファイルから何も削除されたことはありません。
編集:Dust-MeセレクターまたはChromeのWebページパフォーマンスツールを使用することをお勧めします。ただし、どちらもセレクターのレベルで機能し、個々のルールでは機能しません。セレクター内のルールが常にオーバーライドされるケースがたくさんあります。これは私が主に取り除きたいものです。例えば:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }
HTMLのすべてのテキストはラッパー要素の中にあるため、決して白ではありません。body
のパディングは常に機能するため、もちろんbody
セレクター全体を削除することはできません。そして、私もそのような役に立たないルールを取り除きたいです。
編集:そして、無駄なルールの別のケース:何も変更せずに既存のルールを複製する場合:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }
私は幸いにも2番目を取り除きmargin-left
ます...再び、それらのツールはそのようなものを見つけられないように思えます。
編集:私はすべての答えに感謝しますが、悲しいことにあなたが提案したツールは有用な提案をしませんでした。私はあなたの答えを支持しましたが、上記で指定したように、よりきめ細かく処理するツールを待ちます。
ありがとうございました、