使われてないCSSの調べ方

Chromeのディベロッパーツールの優秀さよ！！

【使われてないCSSの調べ方】

ChromeのディベロッパーツールのCoverage機能で確認できます。

右上のメニューからCoverageを選択
↓
画像下に表示されるURLで確認したいCSSを選択
↓
赤色で表示されている箇所が使用されないCSSです。 pic.twitter.com/8jxI5nFXrw

— Codestep@コーディング学習サイト (@codestep_com) June 8, 2022

けっこう、だいたい、使いこなせてない現実！！
HTMLとCSS読むために使ってたり、修正前の検証に使ってはいる。
いろんな機能があることは知っているんだけど、
知らない事ばっかだし、使いこなせていな。
勉強しなきゃいけないことが多い！！