CSS3 Pre-Reference



疑似クラス

ご欄になりたいプロパティ等の名称をクリックしてください。

CSS3になって数が増えたこともあり、区分が設けられています。

  • 構造疑似クラス
  • リンク疑似クラス
  • ユーザーアクション疑似クラス
  • ターゲット疑似クラス
  • 言語疑似クラス
  • UI要素状態クラス
  • 否定疑似クラス
パターン 説明 分類 レベル
:above-level ブラウザより表示レベルが上の要素 構造疑似クラス 3
:active アクティブ状態の要素 ユーザーアクション疑似クラス 1
:any-link すべてのハイパーリンク リンク疑似クラス 4
:at-level ブラウザと表示レベルが同じ要素 構造疑似クラス 3
:below-level ブラウザより表示レベルが下の要素 構造疑似クラス 3
:bound-element バインドされた要素 構造疑似クラス 4
:checked チェックされたUI UI要素状態クラス 3
:current 現在選択中の要素 構造疑似クラス 4
:default 初期に選択状態の要素 UI要素状態クラス 3
:dir() 要素の言語の方向を指定 言語疑似クラス 4
:disabled 無効なフォーム UI要素状態クラス 3
:empty 内容が無い要素 構造疑似クラス 3
:enabled 有効なフォーム UI要素状態クラス 3
:first-child 最初の要素 構造疑似クラス 1
:first-of-type 最初の指定タイプ要素 構造疑似クラス 3
:focus フォーカスされた要素 ユーザーアクション疑似クラス 2.0
:future 現在選択中の要素より前の要素 構造疑似クラス 4
:hover オンマウス状態の要素 ユーザーアクション疑似クラス 2.0
:in-range 値が範囲内のフォーム UI要素状態クラス 3
:invalid 妥当でない値のフォーム UI要素状態クラス 3
:lang() 要素の言語を指定 言語疑似クラス 2.0
:last-child 最後の要素 構造疑似クラス 3
:last-of-type 最後の指定タイプ要素 構造疑似クラス 3
:link 未訪問のリンク リンク疑似クラス 1
:local-link ローカルのX階層のリンク リンク疑似クラス 4
:matches() 指定したセレクタの中のいずれかにマッチ 構造疑似クラス 4
:not() 指定された単純セレクタではない要素 否定疑似クラス 3
:nth-child() 前から順番で指定したパターンに合致 構造疑似クラス 3
:nth-last-child() 後ろから順番で指定したパターンに合致 構造疑似クラス 3
:nth-last-of-type() 後ろから順番で指定したパターン・要素に合致 構造疑似クラス 3
:nth-of-type() 前から順番で指定したパターン・要素に合致 構造疑似クラス 3
:only-child 唯一の要素 構造疑似クラス 3
:only-of-type 唯一の指定タイプの要素 構造疑似クラス 3
:optional オプションのフォーム要素 UI要素状態クラス 3
:out-range 値が範囲外のフォーム 構造疑似クラス 3
:past 現在選択中の要素より前の要素 構造疑似クラス 4
:read-only 入力不可のフォーム UI要素状態クラス 3
:read-write 入力可能なフォーム UI要素状態クラス 3
:required 必須のフォーム UI要素状態クラス 3
:root ルート要素 構造疑似クラス 2.0
:scope ルート要素 構造疑似クラス 4
:target ターゲット先の要素 ターゲット疑似クラス 3
:valid 妥当な値のフォーム UI要素状態クラス 3
:visited 訪問済みのリンク リンク疑似クラス 1