セレクタ
＃
＃
＃
擬似クラス
＃
＃
＃
＃
＃
ユーザー操作
| 擬似クラス | 説明 |
|---|---|
| :hover | ホバーされている要素を選択 |
| :active | アクティブ化されている要素を選択 |
| :focus | フォーカスされている要素を選択 |
| :focus-visible | |
| :focus-within | フォーカスされているか子孫要素がフォーカスされている要素を選択 |
＃
＃
＃
＃
入力
| 擬似クラス | 説明 |
|---|---|
| :enabled | 有効化されている要素を選択 |
| :disabled | 無効化されている要素を選択 |
| :read-only | ユーザーが編集できない要素を選択 |
| :read-write | ユーザーが編集できる要素を選択 |
| :placeholder-shown | |
| :autofill | |
| :default | |
| :checked | |
| :indeterminate | |
| :blank | |
| :valid | 入力値が妥当な要素を選択 |
| :invalid | 入力値が妥当でない要素を選択 |
| :in-range | |
| :out-of-range | |
| :required | |
| :optional | |
| :user-valid | |
| :user-invalid |
＃
ツリー構造
| 擬似クラス | 説明 |
|---|---|
| :root | 文書のルート要素を選択 |
| :empty | |
| :nth-child() | |
| :nth-last-child() | |
| :first-child | |
| :last-child | |
| :only-child | |
| :nth-of-type() | |
| :nth-last-of-type() | |
| :first-of-type | |
| :last-of-type | |
| :only-of-type |
＃
擬似要素
＃
＃
＃
