役に立たない重複した CSS を見つけるにはどうすればよいでしょうか? _html/css_WEB-ITnose

フロントエンド開発を行うのはこれが初めてです。私が入社した当初、ThinkPHP で構築された Web サイト内で無駄な重複した CSS を見つけるというタスクを割り当てられました。
私のアイデアは次のとおりです。Firefox プラグインを使用して各ページで未使用の CSS を見つけ、どの CSS がすべてのページで使用されていないかを分析します。
何か良い方法はありますか？教えてください。

ディスカッションへの返信（解決策）

Firefox には CSS 使用プラグインがあります。見てください

それを見つけるのは非現実的です。最も愚かで最速の方法は、HTML と CSS を効果的に整理できるように書き直すことです。
CSS の使用量はこのページのみであり、このサイトでは使用されないため、数値化できないことがわかります。

最速は確かに書き換えです。 。 。


つまり、CSS ファイルはインポートされません。新しいものを作成し、FF デバッグを参照して 1 つずつ記述します


または、CSS ファイルを開いてエディターで検索することもできます。対応するセレクターのコンテンツがページに表示されない場合は、削除してください

皆さんありがとうございます!私もこの作業は本当に大変だと思います