シンプルセレクタ

分類 セレクタ 適用先の要素
タイプセレクタ E 指定したEの要素に適用される。
ユニバーサルセレクタ * 全ての要素に適用される。
クラスセレクタ .class 指定したクラス名を持つ要素に適用される。
IDセレクタ #id 指定したID名を持つ要素に適用される。
属性セレクタ E[ATTR] 指定したATTR属性を持つ要素に適用される。
E[ATTR=”VAL”] 指定したATTR属性の値がVALの要素に適用される。
E[ATTR~=”VAL”] 指定したATTR属性で半角スペースで区切られた値の1つにVALが含まれる要素に適用される
E[ATTR|=”VAL”] 指定したATTR属性のハイフン区切りの値の一つにVALから始まる要素
E[ATTR^=”VAL”] 指定したATTR属性の値がVALで始まる要素
E[ATTR$=”VAL”] 指定したATTR属性の値がVALで終了する要素
E[ATTR*=”VAL”] 指定したATTR属性の値の一つにVALが含まれる要素
疑似要素セレクタ ::before 要素の前に内容を追加する。
::after 要素の後に内容を追加する。
::first-letter 要素の最初の文字を対象に適用する。
::first-line 要素の最初の行を対象に適用する。
子孫セレクタ A B A要素の中にある全ての子要素Bに適用する。
子セレクタ A > B A要素の一つ下にある子要素B全てに適用する。
隣接セレクタ A + B A要素と同一階層にある直後のB要素のみに適用される。
関節セレクタ A ~ B A要素と同一階層内にあるB要素以降全てに適用される。
疑似クラス E:first-child ある親要素の最初の子要素にのみ適用される。