CSS3.0セレクタ一覧

css
記述セレクタ名適用先要素
*ユニバーサルセレクタ全ての要素
要素名タイプセレクタ指定した要素名
#id名IDセレクタ指定したid名を持つ要素
.class名クラスセレクタ指定したクラス名を持つ要素
E F子孫セレクタE要素と子孫関係にあるF要素
E > F子セレクタE要素の子要素のF要素
E + F隣接セレクタE要素の直後のF要素
E[foo]属性セレクタ[foo]が設定されたE要素
E[foo = “bar”]属性セレクタ[foo]の属性値が[bar]と全一致するE要素
E[foo -= “bar”]属性セレクタ[foo]の属性値にひとつでも[bar]が含まれているE要素
E[hreflang| = “en”]属性セレクタhreflang(|ang)属性が前方一致でenの値のE要素
E:linkリンク擬似クラスリンク先に未訪問のE要素
E:visitedリンク擬似クラスリンク先に訪問済のE要素
E:hoverダイナミックリンク擬似クラスE要素上にカーソルが乗ったとき
E:activeダイナミックリンク擬似クラスE要素リンク先をクリックしたとき
E:focusダイナミックリンク擬似クラスE要素がフォーカスされたとき
E:lang(en)言語擬似クラスenの言語の要素
E:first-childE:first-child擬似クラスE要素内の最初の子要素
E:first-lineE:first-line擬似要素E要素の最初の一行
E:first-letterE:first-letter擬似要素E要素の最初の一文字
E:beforeE:before擬似要素E要素の前に生成される内容
E:afterE:after擬似要素E要素の後に生成される内容
E – F間接セレクタE要素の後に出現するF要素
E[foo^=”bar”]属性セレクタ属性[foo]の値が[bar]と前方一致するE要素
E[foo$=”bar”]属性セレクタ属性[foo]の値が[bar]と後方一致するE要素
E[foo*=”bar”]属性セレクタ属性[foo]の値が[bar]と部分一致するE要素
E:root:root擬似クラスドキュメントルート要素
E:last-child:last-child擬似クラス要素内の最後のE要素
E:nth-child(n):nth-child()擬似クラス要素内の隣接するE要素内のn番目の要素
E:nth-last-child(n)E:nth-last-child()擬似クラス要素内の隣接するE要素内で後からn番目の要素
E:first-of-type:first-of-type擬似クラスE要素の兄弟関係にある最初の要素
E:last-of-type:last-of-type擬似クラスE要素の兄弟関係にある最後の要素
E:nth-of-type(n):nth-of-type()擬似クラスE要素の兄弟関係にある最初からn番目のE要素
E:nth-last-of-type(n):nth-last-of-type()擬似クラスE要素の兄弟関係にあたる最後からn番目の要素
E:only-child:only-child擬似クラス子要素にE要素のみを持つ要素
E:only-of-type:only-of-type擬似クラスある要素内でE要素が唯一の場合
E:empty:empty擬似クラス要素内が空のE要素
E:targetターゲット擬似クラスE要素のリンク先にある要素
E:enabled状態擬似クラス有効状態のE要素
E:disabled状態擬似クラス無効状態のE要素
E:checked状態擬似クラスチェックされている状態の要素
E:not(F)否定擬似クラスF以外のE要素

アマルウェブ HOME