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