シンプルセレクタ
ダイナミック擬似クラス（リンク擬似クラス）
- :link リンク先に未アクセスの要素
- :visited リンク先にアクセス済要素
ダイナミック擬似クラス(ユーザアクション擬似クラス)
- :hover カーソルを重ねた要素
- :focus フォーカスした要素
- :active アクティブな要素
ターゲット擬似クラス
- :target リンクターゲットの要素
言語擬似クラス
- :lang() 指定した言語の要素
UI擬似クラス
- :enabled 有効な状態の要素
- :disabled 無効な状態の要素
- :checked オンの状態のラジオボタンやチェックボックス
- :indeterminate 不確定な状態のチェックボックス
構造擬似クラス
- :root ルート要素
- :first-child 最初の要素(全要素をカウント)
- :last-child 最後の要素(全要素をカウント)
- :nth-child() 最初から○番目の要素(全要素をカウント)
- :nth-last-child 最後から○番目の要素(全要素をカウント)
- :only-child 最初と最後が一致する要素(全要素をカウント)
- :first-of-type 最初の要素（同じ要素をカウント）
- :last-of-type 最後の要素(同じ要素をカウント)
- :nth-of-type() 最初から○番目の要素(同じ要素をカウント)
- :nth-last-of-type 最後から○番目の要素(同じ要素をカウント)
- :only-of-type 最初と最後が一致する要素(同じ要素をカウント
- :empty 空の要素
否定擬似クラス
- :not() 指定した条件と一致しない要素
擬似要素
- ::first-line 要素の1行目
- ::first-letter 要素の1文字目
- ::before 要素の前に挿入したコンテンツ
- ::after 要素の後に挿入したコンテンツ