コメントの中のクラスは数えない
/* */ の中に古いクラス old が残っている CSS の例です。コメントを取り除いてから読むことを示します。
入力
CSS
/* .old{x:1} */.new{x:1}HTML(クラスの突き合わせ用。空ならクラスの一覧だけ)
<p class="new">
結果
エラー 0 件・警告 0 件・情報 0 件
指摘(エラー・警告・情報)
指摘はありません。
| CSS のクラス | 1 種類 |
|---|---|
| 未使用の候補 | 0 種類 |
| media の幅の条件 | 0 種類 |
クラスと幅の一覧
| 種類 | 名前・条件 | CSS での出現 | 状態 |
|---|---|---|---|
| クラス | .new | CSS に 1 回 | HTML で 1 回使用 |
検算(この結果になる理由)
コメントの中の .old は取り除かれ、CSS のクラスは new の 1 つだけです。HTML で使われているので、未使用の候補は出ません。
判定の根拠は仕様と根拠に、仕様の出典とともにまとめています。自分の入力で試すにはツールをお使いください。
このツールの制約
- スクリプトで後から付けるクラス(classList の追加など)や、別のページだけで使うクラスは判定できません。「未使用の候補」は削除してよいという意味ではありません。
- クラス名のエスケープ(.sm\:flex のような書き方)、属性セレクタ [class~=x]、CSS の入れ子の展開には対応していません。
- HTML の class 属性との細かい一致規則(ページのモードによる大小の扱いなど)は、このツールでは区別せず、大文字小文字を区別する単純な比較にしています。
- CSS を書き換えたり、不要な部分を自動で削除したりはしません。一覧を見て自分で判断してください。
ご利用にあたって
- 結果は候補です。削除する前に、ビルド後の全ページとスクリプトで使われていないことを確認してください。
- クラスの細かい一致規則は単純な文字列比較で近似しています。