CSS3 Reference


疑似クラス

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

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

  • 構造疑似クラス
  • リンク疑似クラス
  • ユーザーアクション疑似クラス
  • ターゲット疑似クラス
  • 言語疑似クラス
  • UI要素状態クラス
  • 否定疑似クラス
パターン説明分類Lv
:above-levelブラウザより表示レベルが上の要素構造疑似クラス3
:activeアクティブ状態の要素ユーザーアクション疑似クラス1
:any-linkすべてのハイパーリンクリンク疑似クラス4
:at-levelブラウザと表示レベルが同じ要素構造疑似クラス3
:below-levelブラウザより表示レベルが下の要素構造疑似クラス3
:bound-elementバインドされた要素構造疑似クラス4
:checkedチェックされたUIUI要素状態クラス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