[[CSSセレクター]]に付与するキーワード。選択要素の特定状態にスタイル付けを行う。疑似クラスには `:` を使う。 > [!attention] > `::` を使う[[疑似要素 (CSS)|疑似要素]]は別の概念なので注意。 | 名前 | 表現 | 意味 | | ----- | ---------------- | --------------------- | | アクティブ | `button:active` | `<button>`が押されている時 | | 無効 | `input:disabled` | `<input>`が無効な状態 | | フォーカス | `input:focus` | `<input>`がフォーカスを持っている | | ホバー | `a:hover` | `<a>`にポインタがあたっている | | 訪問済み | `a:visited` | `<a>`の先が訪問済み | | 検証失敗 | `input:invalid` | 入力検証に失敗 | ## MOC - 📒**関連** - [[focus疑似クラス (CSS)|focus疑似クラス]] - [[focus-visible疑似クラス (CSS)|focus-visible疑似クラス]] - [[invalid疑似クラス (CSS)|invalid疑似クラス]] - 📜**アクティビティ** - 📝**トラブルシューティング**