CSS 疑似クラス プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

疑似クラスプロパティ・セレクタ

CSS プロパティ例の説明 要約
:activeとは、
アクティブリンクを選択することができる。
a:active
:checkedとは、
チェックされたすべての<input>要素を選択することができる。
input:checked
:disabledとは、
無効なすべての<input>要素を選択することができる。
input:disabled
:emptyとは、
子を持たないすべての<p>要素を選択することができる。
p:empty
:enabledとは、
有効なすべての<input>要素を選択することができる。
input:enabled
:first-childとは、
親の最初の子であるすべての<p>要素を選択することができる。
p:first-child
:first-of-typeとは、
親の最初の<p>要素であるすべての<p>要素を選択することができる。
p:first-of-type
:focusとは、
フォーカスを持つ<input>要素を選択することができる。
input:focus
:hoverとは、
マウスオーバーでリンクを選択する
a:hover
:in-rangeとは、
指定された範囲内の値を持つ<input>要素を選択することができる。
input:in-range
:invalidとは、
無効な値を持つすべての<input>要素を選択することができる。
input:invalid
:lang(language)とは、
"it"で始まるlang属性値を持つすべての<p>要素を選択することができる。
p:lang(it)
:last-childとは、
親の最後の子であるすべての<p>要素を選択することができる。
p:last-child
:last-of-typeとは、
親の最後の<p>要素であるすべての<p>要素を選択することができる。
p:last-of-type
:linkとは、
未訪問のリンクをすべて選択することができる。
a:link
:not(selector)とは、
<p>要素ではないすべての要素を選択することができる。
:not(p)
:nth-child(n)とは、
親の2番目の子であるすべての<p>要素を選択することができる。
p:nth-child(2)
:nth-last-child(n)とは、
最後の子から数えて、親の2番目の子であるすべての<p>要素を選択することができる。
p:nth-last-child(2)
:nth-last-of-type(n)とは、
最後の子から数えて、親の2番目の<p>要素であるすべての<p>要素を選択することができる。
p:nth-last-of-type(2)
:nth-of-type(n)とは、
親の2番目の<p>要素であるすべての<p>要素を選択することができる。
p:nth-of-type(2)
:only-of-typeとは、
親の唯一の<p>要素であるすべての<p>要素を選択することができる。
p:only-of-type
:only-childとは、
親の唯一の子であるすべての<p>要素を選択することができる。
p:only-child
:optionalとは、
「必須」属性を持たない<input>要素を選択することができる。
input:optional
:out-of-rangeとは、
指定された範囲外の値を持つ<input>要素を選択することができる。
input:out-of-range
:read-onlyとは、
"readonly"属性が指定された<input>要素を選択することができる。
input:read-only
:read-writeとは、
"readonly"属性のない<input>要素を選択する
input:read-write
:requiredとは、
「必須」属性が指定された<input>要素を選択することができる。
input:required
:rootとは、
ドキュメントのルート要素を選択することができる。
root
:targetとは、
現在アクティブな#news要素を選択することができる。(そのアンカー名を含むURLをクリックすることができる。)
#news:target
:validとは、
有効な値を持つすべての<input>要素を選択することができる。
input:valid
:visitedとは、
訪問されたすべてのリンクを選択することができる。
a:visited
CSS 疑似クラス プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル
CSS 疑似クラス プロパティ 一覧 | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery