私は自分のページを合理化しようとしています。現在、いくつかの CSS ファイルが含まれています。1 つの大きな CSS ファイルから使用されるいくつかのスタイルを取得することで、一部の CSS インクルードを排除したいと考えています。
特定の CSS ファイルからどのスタイルが使用されているかを知る最良の方法は何ですか?
私は自分のページを合理化しようとしています。現在、いくつかの CSS ファイルが含まれています。1 つの大きな CSS ファイルから使用されるいくつかのスタイルを取得することで、一部の CSS インクルードを排除したいと考えています。
特定の CSS ファイルからどのスタイルが使用されているかを知る最良の方法は何ですか?
Chrome では、ページを監査できます。これにより、使用されていないルールが、どのファイルから来たのかなど、明らかになります。F12 を押して開発者ツールをロードし、[監査] をクリックしてから [実行] をクリックします。
を押しF12て開発者ツールをロードし、左上隅の「要素」をクリックします。Ctrlその下の任意の場所をクリックして+を押すとF、検索ダイアログ ボックスが開きます。入力class
します。class
黄色の背景で、ページ内のクラスを定義するために単語が使用されている場所が表示されます。その黄色い単語をクリックすると、左側にクラスの詳細が表示されます。すべてのクラスをメモ帳にコピーします。
最新のブラウザーにはすべて、開発者ツールが付属しています。ほとんどの場合、右クリック メニューから要素を検査できます。そこには、これまたはその html 要素にスタイルを与えるスタイルシートが表示されます (スタイルシートに行番号が含まれていても)。CSS で空の (未使用の) セレクターをチェックするOpera の拡張機能 ( https://addons.opera.com/en/extensions/details/dust-me-selectors-for-opera/ )があることは知っています。他のブラウザ用の他のプラグインや拡張機能もあるはずです。