90013


## 困りごと

php や html や css を書いて作業をしていたときのことです．

html の中で，レイアウトを変えようと思って，`<div class="hoge"></div>` を `table` に変更しました．

それに伴って CSS の中での

[code]

    div.hoge {
      text-align: center;
    }
    
[/code]

というような指定は不要になるわけです．

html や php のコードを編集して大幅に書き換えると，それに伴って不要なCSS指定がたくさん発生します．

それを自動で検出することはできないでしょうか？

## 試したこと

### 開発者ツール

Chrome の開発者ツール上でカバレッジを使えば，そのページで使われていないCSSの指定を洗い出すことができます．

とても有効なのですが，そのページしか調べることができません．フォルダ全体で調べたいのですが，書いているのが php なので難しそうだと感じています．

### 検索する

フォルダ内で検索するというやり方です．堅実なやり方ではありますが，CSS のすべての指定について繰り返さないといけないので，CSS
が長大だとかなり面倒ではないかと思います．

## 質問

私はテキストエディタとして VSCode を使用しています．

VSCode の適当な拡張機能で実現できないでしょうか？

VSCode を使わない方法でも構いません．


CC BY-SA 4.0
2022-07-12T03:23:10.327
89925
2022-07-16T02:19:11.790
53010
question
php html css
使われていないCSS指定を自動で検出するには？


PurgeCSSというツールで使われていないCSSを除外することができそうです。  
[PurgeCSS - Remove unused CSS | PurgeCSS](https://purgecss.com/)  
デモ動画：[How to Scan and Remove Unused CSS Properties | PurgeCSS Tutorial -
YouTube](https://www.youtube.com/watch?v=y3WQoON6Vfc)


CC BY-SA 4.0
2022-07-16T02:19:11.790
90013
2022-07-16T02:19:11.790
53321
89925
answer