.class 詳細 情報.class 例 プロパティ 書き方 コード | class="webref"のすべての要素を選択する。 | .webref |
#id 詳細 情報#id 例 プロパティ 書き方 コード | id="webref"の要素を選択する。 | #webref |
* 詳細 情報* 例 プロパティ 書き方 コード | すべての要素を選択する。 | * |
element 詳細 情報element 例 プロパティ 書き方 コード | すべての<p>要素を選択する。 | p |
element,element 詳細 情報element,element 例 プロパティ 書き方 コード | すべての<div>要素とすべての<p>要素を選択する。 | div, p |
element element 詳細 情報element element 例 プロパティ 書き方 コード | <div>要素内のすべての<p>要素を選択する。 | div p |
element>element 詳細 情報element>element 例 プロパティ 書き方 コード | 親要素が<div>要素のすべての<p>要素を選択する。 | div > p |
element+element 詳細 情報element+element 例 プロパティ 書き方 コード | <div>要素の直後に配置されるすべての<p>要素を選択する。 | div + p |
element1~element2 詳細 情報element1~element2 例 プロパティ 書き方 コード | <p>要素の前にあるすべての<ul>要素を選択する。 | p ~ ul |
[attribute] 詳細 情報[attribute] 例 プロパティ 書き方 コード | ターゲット属性を持つすべての要素を選択する。 | [target] |
[attribute=value] 詳細 情報[attribute=value] 例 プロパティ 書き方 コード | target="_blank"のすべての要素を選択する。 | [target=_blank] |
[attribute~=value] 詳細 情報[attribute~=value] 例 プロパティ 書き方 コード | title属性に"webref"という単語を含むすべての要素を選択する。 | [title~=webref] |
[attribute|=value] 詳細 情報[attribute|=value] 例 プロパティ 書き方 コード | "jp"で始まるlang属性値を持つすべての要素を選択する。 | [lang|=jp] |
[attribute^=value] 詳細 情報[attribute^=value] 例 プロパティ 書き方 コード | href属性の値が"https"で始まるすべての<a>要素を選択する。 | a[href^="https"] |
[attribute$=value] 詳細 情報[attribute$=value] 例 プロパティ 書き方 コード | href属性の値が".pdf"で終わるすべての<a>要素を選択する。 | a[href$=".pdf"] |
[attribute*=value] 詳細 情報[attribute*=value] 例 プロパティ 書き方 コード | href属性値に部分文字列"webref"が含まれるすべての<a>要素を選択する。 | a[href*="webref"] |
:active 詳細 情報:active 例 プロパティ 書き方 コード | アクティブリンクを選択する。 | a:active |
::after 詳細 情報::after 例 プロパティ 書き方 コード | 各<p>要素の内容の後ろに何かを挿入する | p::after |
::before 詳細 情報::before 例 プロパティ 書き方 コード | 各<p>要素の内容の前に何かを挿入する | p::before |
:checked 詳細 情報:checked 例 プロパティ 書き方 コード | チェックされたすべての<input>要素を選択する。 | input:checked |
:default 詳細 情報:default 例 プロパティ 書き方 コード | チェックボックスの中で<input>要素を既定値のスタイルを適用する | input:default |
:defined 詳細 情報:defined 例 プロパティ 書き方 コード | 定義されたすべての<demo-custom>要素を選択する。 | demo-custom:defined |
:disabled 詳細 情報:disabled 例 プロパティ 書き方 コード | 無効なすべての<input>要素を選択する。 | input:disabled |
:empty 詳細 情報:empty 例 プロパティ 書き方 コード | 子を持たない（テキストノードを含む）すべての<p>要素を選択する。 | p:empty |
:enabled 詳細 情報:enabled 例 プロパティ 書き方 コード | 有効なすべての<input>要素を選択する。 | input:enabled |
:first-child 詳細 情報:first-child 例 プロパティ 書き方 コード | 親の最初の子であるすべての<p>要素を選択する。 | p:first-child |
::first-letter 詳細 情報::first-letter 例 プロパティ 書き方 コード | すべての<p>要素の最初の文字を選択する。 | p::first-letter |
::first-line 詳細 情報::first-line 例 プロパティ 書き方 コード | すべての<p>要素の最初の行を選択する。 | p::first-line |
:first-of-type 詳細 情報:first-of-type 例 プロパティ 書き方 コード | 親の最初の<p>要素であるすべての<p>要素を選択する。 | p:first-of-type |
:focus-within 詳細 情報:focus-within 例 プロパティ 書き方 コード | フォーカスを持った要素を含む要素を選択する。 | form:focus-within |
:focus 詳細 情報:focus 例 プロパティ 書き方 コード | フォーカスのある入力要素を選択する。 | input:focus |
:hover 詳細 情報:hover 例 プロパティ 書き方 コード | マウスオーバーでリンクを選択する | a:hover |
:indeterminate 詳細 情報:indeterminate 例 プロパティ 書き方 コード | 中間の状態にある <input> 要素をすべて選択 選択する。 | input:in-range |
:in-range 詳細 情報:in-range 例 プロパティ 書き方 コード | 指定された範囲内の値を持つ入力要素を選択する。 | input:indeterminate |
:invalid 詳細 情報:invalid 例 プロパティ 書き方 コード | 無効な値を持つすべての入力要素を選択する。 | input:invalid |
:lang(language) 詳細 情報:lang(language) 例 プロパティ 書き方 コード | lang属性が"it"（イタリア語）のすべての<p>要素を選択する。 | p:lang(it) |
:last-child 詳細 情報:last-child 例 プロパティ 書き方 コード | 親の最後の子であるすべての<p>要素を選択する。 | p:last-child |
:last-of-type 詳細 情報:last-of-type 例 プロパティ 書き方 コード | 親の最後の<p>要素であるすべての<p>要素を選択する。 | p:last-of-type |
:link 詳細 情報:link 例 プロパティ 書き方 コード | 未訪問のリンクをすべて選択する。 | a:link |
:not() 詳細 情報:not() 例 プロパティ 書き方 コード | <p>要素ではないすべての要素を選択する。 | :not(p) |
:nth-child() 詳細 情報:nth-child() 例 プロパティ 書き方 コード | 親の2番目の子であるすべての<p>要素を選択する。 | p:nth-child(2) |
:nth-last-child() 詳細 情報:nth-last-child() 例 プロパティ 書き方 コード | 最後の子から数えて、親の2番目の子であるすべての<p>要素を選択します | p:nth-last-child(2) |
:nth-last-of-type() 詳細 情報:nth-last-of-type(n) 例 プロパティ 書き方 コード | 最後の子から数えて、親の2番目の<p>要素であるすべての<p>要素を選択します | p:nth-last-of-type(2) |
:nth-of-type() 詳細 情報:nth-of-type(n) 例 プロパティ 書き方 コード | 親の2番目の<p>要素であるすべての<p>要素を選択する。 | p:nth-of-type(2) |
:only-of-type 詳細 情報:only-of-type 例 プロパティ 書き方 コード | 親の唯一の<p>要素であるすべての<p>要素を選択します | p:only-of-type |
:only-child 詳細 情報:only-child 例 プロパティ 書き方 コード | 親の唯一の子であるすべての<p>要素を選択する。 | p:only-child |
:optional 詳細 情報:optional 例 プロパティ 書き方 コード | 「必須」属性のない入力要素を選択する。 | input:optional |
:out-of-range 詳細 情報:out-of-range 例 プロパティ 書き方 コード | 指定された範囲外の値を持つ入力要素を選択する。 | input:out-of-range |
:read-only 詳細 情報:read-only 例 プロパティ 書き方 コード | "readonly"属性が指定された入力要素を選択する。 | input:read-only |
:read-write 詳細 情報:read-write 例 プロパティ 書き方 コード | "readonly"属性が指定されていない入力要素を選択する。 | input:read-write |
:required 詳細 情報:required 例 プロパティ 書き方 コード | 「必須」属性が指定された入力要素を選択する。 | input:required |
:root 詳細 情報:root 例 プロパティ 書き方 コード | ドキュメントのルート要素を選択する。 | :root |
::selection 詳細 情報::selection 例 プロパティ 書き方 コード | ユーザーが選択した要素の部分を選択する。 | ::selection |
:target 詳細 情報:target 例 プロパティ 書き方 コード | 現在アクティブな#webref要素を選択します（そのアンカー名を含むURLをクリックします） | #webref:target |
:valid 詳細 情報:valid 例 プロパティ 書き方 コード | 有効な値を持つすべての入力要素を選択する。 | input:valid |
:visited 詳細 情報:visited 例 プロパティ 書き方 コード | 訪問されたすべてのリンクを選択する。 | a:visited |
