結合子とセパレーター
| 結合子とセパレーター | 概要 |
|---|---|
| + （次兄弟結合子） | 2 つのセレクターを接続し、 2 つ目の要素が 1 つ目の要素の 直後 にあって、両者が同じ親要素の子同士である場合に一致 |
| > （子結合子） | 2 つ目のセレクターが 1 つ目のセレクターの直接の子要素の場合にのみ一致 |
| || （列結合子） | [実験的な機能] 前者のセレクターに一致する列要素に所属する、後者のセレクターに一致する要素に一致 |
| ~ （後続兄弟結合子） | 2 個のセレクターを結びつけ、 1 つ目の要素の後に 2 つ目の要素があり（直後である必要はない）、かつ両者が同じ親要素の子であるすべてのパターンに一致 |
| ” ” （子孫結合子） | 空白文字 (” “) で表される — は 2 つの CSS セレクターを結合し、 1 つ目のセレクターに一致する要素が祖先 (親、親の親、親の親の親、など) となっている 2 つ目のセレクターに一致 |
| | （名前空間セパレーター） | 名前空間区切り文字 (|) はセレクターを名前空間から分離し、型セレクターの名前空間または名前空間の欠如を識別する |
セレクター
| セレクター | 概要 |
|---|---|
| :active | よく <a> および <button> 要素で使われる |
| :any-link | href 属性を持つすべての <a> または <area> 要素を選択 |
| :autofill | <input> 要素の値がブラウザーによって自動補完された時に一致する |
| :blank | [実験的な機能] 空のユーザー入力要素 (例えば <input> や <textarea>) を選択する |
| :buffering (en-US) | [Limited availability] 再生可能な要素がメディア リソースをバッファリングしているときに、 <audio> or <video>などの再生可能な要素を表す |
| :checked | |
| :current (en-US) | |
| :current() (en-US) | |
| :default | |
| :defined | |
| :dir() | |
| :disabled | |
| :empty | |
| :enabled | |
| :first-child | |
| :first-of-type | |
| :focus | |
| :focus-visible | |
| :focus-within | |
| :fullscreen | |
| :future (en-US) | |
| :has() | |
| :hover | |
| :indeterminate | |
| :in-range | |
| :invalid | |
| :is() | |
| :lang() | |
| :last-child | |
| :last-of-type | |
| :link | |
| :local-link (en-US) | |
| :matches() （旧式のセレクターで、 :is() の別名） | |
| :modal (en-US) | |
| :muted (en-US) | |
| :not() | |
| :nth-child() | |
| :nth-of-type() | |
| :nth-last-child() | |
| :nth-last-of-type() | |
| :only-child | |
| :only-of-type | |
| :optional | |
| :out-of-range | |
| :past (en-US) | |
| :paused | |
| :picture-in-picture | |
| :placeholder-shown | |
| :playing | |
| :read-only | |
| :read-write | |
| :required | |
| :root | |
| :scope | |
| :seeking (en-US) | |
| :stalled (en-US) | |
| :target | |
| :target-within (en-US) | |
| :user-invalid | |
| :user-valid | |
| :valid | |
| :visited | |
| :volume-locked (en-US) | |
| :where() | |
| :-webkit- 擬似クラス | |
| 属性セレクター | |
| クラスセレクター | |
| ID セレクター | |
| 要素型セレクター | |
| 全称セレクター |
