[[CSSセレクター]]に付与するキーワード。選択要素の特定状態にスタイル付けを行う。[[擬似クラス (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擬似クラス]] - [[has擬似クラス (CSS)|has擬似クラス]] - 📜**アクティビティ** - 📝**トラブルシューティング**