CSS3の新しいセレクターの概要

1. 属性セレクター

(IE6 を除くほとんどのブラウザでサポートされています)

E: div、arr などの label 要素: 要素の属性:

補充:

1. E: root - 一致するドキュメントのルート要素。HTML ドキュメントの場合、HTML 要素です。

2. E:empty—子要素を含まない要素と一致します。テキストノードも子要素とみなされます。

(FireFox 1.5/2.0/3.0はE:rootをサポート、FireFox 3.0はE:last-child、E:emptyをサポート、IE6/7/8はサポートしません)

セレクタ	説明する	例
E:第一子	親要素の下にある最初の子要素
E:最後の子	親要素の下にある最後の子要素	わずかに
E:n番目の子(n)	親要素の下にある n 番目の子要素	わずかに
E:n番目の子(偶数)	親要素の下にある偶数番号の子要素
E:n番目の子(奇数)	親要素の下にある奇数番目の子要素	わずかに
E:nth-child(公式)	親要素の下の式によって参照される各子要素	わずかに
E:タイプの最初、タイプの最後	親要素の下にある最初の E 要素、親要素の下にある最後の E 要素
E:nth- of-type (n)、 nth- of-type (公式)	親要素の下の n 番目の E 要素。親要素の下の式によって参照される各 E 要素
E:n番目の型(偶数)	親要素の下にある偶数番号の E 要素
E:n番目の型(奇数)	親要素の下にある奇数番号の E 要素	わずかに
E:nth- childと E:nth- of-typeの違い	1. E:nth-child(n) のオブジェクトは E 要素の下にあるすべての子要素を参照しますが、nth-of-type(n) のオブジェクトは親要素の下にあるすべての E 要素を参照します。 2. E:nth-child(n) は必ずしもレンダリングされるわけではありません。n 番目の要素が E でない場合、スタイルはレンダリングできません。nth- of-type(n) はレンダリングされる必要があります。

名前が示すように、偽要素は主に、E::before は E 要素の前に疑似要素を追加できること、E::after は E 要素の後に疑似要素を追加できることを意味します。

セレクタ	説明する	例
E::前	要素コンテンツの前にコンテンツを挿入するために使用されます
E::後	要素コンテンツの後にコンテンツを挿入するために使用されます	わずかに
E::最初の文字	E 要素のテキスト内の最初の文字またはテキストのスタイルを設定する
E::最初の行	テキストの最初の行にスタイルを追加するために使用されます	わずかに

セレクタ	説明する	例
E:有効	フォーム内のアクティブな要素と一致します
E:無効	フォーム内の無効な要素と一致します
E:チェックあり	フォーム内で選択されたラジオ (ラジオボックス) またはチェックボックス (チェックボックス) 要素と一致します。
E::選択	ユーザーが現在選択している要素と一致します (ブラウザ上でマウスによって選択されたテキストコンテンツは元は水色ですが、E::selection によって新しい選択スタイルが与えられます)

セレクタ	説明する	例
E: 違います	E セレクターに含まれないすべての E セレクターと一致します。

セレクタ	説明する	例
E:ターゲット	ドキュメント内の特定の「ID」をクリックした場合の効果と一致します。

コメント欄への修正や追加を歓迎します。