CSSセレクタ
CSSセレクタは、スタイルパターンにしたい要素を選択するために使用されています。
「CSS」の欄には、（CSS1、CSS2、またはCSS3）CSSプロパティが定義されている示しています。
| セレクタ | 例 | 例ショー | CSS |
|---|---|---|---|
| 。クラス | .intro | すべてのクラスを選択= "イントロ"要素 | 1 |
| ＃IDは、 | #firstname | すべてのid = "姓"の要素を選択します | 1 |
| * | * | すべての要素を選択します | 2 |
| 要素 | p | すべての<P>要素を選択します | 1 |
| 要素、要素 | div,p | すべての<div>要素と<p>要素を選択します | 1 |
| 要素要素 | div p | 要素内の<div>すべての<P>要素を選択します | 1 |
| 要素>要素 | div>p | すべての親を選択すると、<p>要素の<div>要素であります | 2 |
| 要素 +要素 | div+p | 後にすべての<div>要素に続いて、<p>要素を選択します | 2 |
| [属性] | [target] | ターゲット属性を持つすべての要素を選択します | 2 |
| [属性 =値] | [target=-blank] | =全ての使用対象を選択 - の要素「ブランク」 | 2 |
| [属性 〜=値] | [title~=flower] | title属性のすべての要素を選択して「花」のを単語が含まれています | 2 |
| [属性 | =言語] | [lang|=en] | 値を開始lang属性のすべての要素を選択= "EN"の | 2 |
| ：リンク | a:link | すべての未訪問のリンクを選択します | 1 |
| ：訪問 | a:visited | すべての訪問のリンクを選択します | 1 |
| ：アクティブ | a:active | アクティブリンクを選択します | 1 |
| ：ホバー | a:hover | あなたは上記のリンク上でマウスを選択した場合 | 1 |
| ：フォーカス | input:focus | input要素にフォーカスがある選択 | 2 |
| ：最初の文字 | p:first-letter | 各<P>要素の最初の文字を選択 | 1 |
| ：ファーストライン | p:first-line | 各<P>最初の行要素を選択 | 1 |
| ：最初の子 | p:first-child | 指定された唯一の<p>要素は、その親スタイルの最初の子です。 | 2 |
| ：前 | p:before | 各<p>要素の前にコンテンツを挿入します | 2 |
| ：後 | p:after | 各<p>要素の後にコンテンツを挿入します | 2 |
| ：LANG（言語） | p:lang(it) | langの選択値を開始= "it"すべての<P>要素の属性 | 2 |
| 要素1〜要素2 | P〜UL | 要素の後にそれぞれの選択肢のpのul要素 | 3 |
| [属性 ^ =値] | [ソース^ = "https"を] | 要素の開始時に各src属性の値に「HTTPS」を選択 | 3 |
| [属性 $ =値] | [ソース$ = "。PDF」] | 要素の末尾に「PDFファイル」にそれぞれsrc属性の値を選択します | 3 |
| [属性 * =値] | [ソース* = "w3big"] | 各要素のsrc属性の値がの部分「w3big "が含まれている選択 | 3 |
| ：第一型の | P：第一の型 | 各p個のp要素を選択すると、その親の最初の要素であります | 3 |
| ：最後の型 | P：最後の型 | 各p要素を選択すると、その親pの最後の要素であります | 3 |
| ：専用の型 | P：専用の型 | 各p要素を選択すると、その親pの唯一の要素であります | 3 |
| ：のみ、子 | P：のみ、子 | 各p要素を選択すると、その親の唯一の子要素であります | 3 |
| ：n番目の子（n）は、 | P：n番目の子（2） | 各p要素を選択すると、その親の第二子です | 3 |
| ：n番目の-最後の子（N ） | P：n番目の-最後の子（2） | 各p要素を選択すると、最後の子から数えて、その親の第二子です | 3 |
| ：n番目の型（N ） | P：n番目の-の型（2） | 各p要素を選択すると、その親の第2のp要素であります | 3 |
| ：n番目の-最後の型 （n）は、 | P：n番目の-最後の型（2） | 各p要素を選択すると、最後の子から数えて、その親の第2のp要素であります | 3 |
| ：最後の子 | P：最後の子 | 各p要素を選択すると、その親の最後の子です。 | 3 |
| ：ルート | ：ルート | 文書のルート要素を選択します | 3 |
| ：空 | P：空 | p要素のそれぞれは、（テキストノードを含む）子を持たない選択 | 3 |
| ：ターゲット | #news：ターゲット | （アンカー名のクリック可能なURLを含む）は、現在アクティブな#news要素を選択 | 3 |
| ：有効 | 入力：有効 | 有効になって、各入力要素を選択 | 3 |
| ：無効 | 入力：無効 | 無効に各入力要素を選択します | 3 |
| ：チェックし | 入力：確認されました | 選択された各入力要素を選択します | 3 |
| ：ない（セレクタ） | ：しない（P） | 各要素はp要素ではありません選択 | 3 |
| ::選択 | ::選択 | 要素は、ユーザ部分一致の状態で選択または強調表示されています | 3 |
| ：範囲外の | ：アウト・オブ・レンジ | 指定された範囲外の値を入力要素と一致します | 3 |
| ：インレンジ | ：インレンジ | 指定された範囲内の値の入力要素と一致します | 3 |
| ：読み書き | ：読み書き | これは、読み書き可能な要素を一致させるために使用しました | 3 |
| ：読み取り専用 | ：読み取り専用 | 「読み取り専用」のセットをマッチングさせるため（読み取り専用）属性要素を | 3 |
| ：オプション | ：オプション | オプションの入力要素を一致させるための | 3 |
| ：必要 | ：必須 | 「必須」プロパティを要素に一致するように設定します | 3 |
| ：有効 | ：有効 | 入力値を一致させるために使用合法的な要素であります | 3 |
| ：無効 | ：無効 | input要素の一致のために不正な値 | 3 |