CSSのセレクターとは何ですか?

css セレクターには次のものが含まれます: 1. ワイルドカード セレクター "*"; 2. ID セレクター; 3. クラス セレクター; 4. タグ セレクター; 5. 隣接セレクター "E F"; 6 、サブセレクター "E>F" "; 7. 子孫セレクター "EF"; 8. 疑似クラスおよび疑似要素セレクター (":first" など); 9. 属性セレクター。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css セレクター (セレクター) は、CSS スタイルをどの dom 要素に使用するかを指定するために使用される仕様です。

各 CSS スタイル定義は 2 つの部分で構成され、形式は次のとおりです。 セレクター {スタイル} {} より前の部分は「セレクター」です。

「セレクター」は、{} 内の「スタイル」のオブジェクト (dom オブジェクト)、つまり「スタイル」が Web ページ内のどの要素に作用するかを指定します。

CSS セレクター (セレクター) とは何ですか?

1. ワイルドカード セレクター (*): 任意の要素と一致します。

2. ID セレクター (# myid): ID が「myid」と等しい任意の要素と一致します。

3. クラス セレクター (.myclassname): クラスが「myclassname」と等しい任意の要素と一致します。

4. ラベル セレクター (div、h1、p): 指定された要素名を選択しますすべての要素。

5. 隣接セレクター (EF): 指定された最初の要素の直後の要素を (内部的にではなく) 選択するために使用されます。

6. 子セレクター (E > F): 特​​定の親要素を持つ要素を選択するために使用されます (例: ul > li、親が

要素 li> であるすべての css ビデオ チュートリアル)

7. 子孫セレクター (EF): 要素内の要素を選択するために使用されます。

8. 疑似クラスおよび疑似要素セレクター: 特定のセレクターに特殊効果を追加するために使用されます。

:アクティブ	:任意のリンク	:空白	:チェック済み	:現在	:デフォルト
:定義された	:dir()	:無効	:ドロップ	:空の	:有効
:first	:first-child	:first-of-type	:全画面	:未来	:フォーカス
:フォーカス-可視	:フォーカス-ウィズ内	:has()	:host	:host()	:host-context()
:hover	:indeterminate	:in-range:invalid	:is()	:lang()	:last -child
:last-of-type	:left	:link	:local-link	:not()	:nth-child()
:nth-col()	:nth-last-child()	:nth-last-col()	:nth-last-of-type()	:nth-of-type()	：一人っ子＃＃＃＃＃＃
:タイプのみ	:オプション	:範囲外	:過去	:プレースホルダー表示	:読み取り専用
:読み取り-書き込み	:必須	:右	:root	:スコープ	:ターゲット
:対象範囲	:ユーザー無効	:有効	:visited	:where()

#9. 属性セレクター: 要素で選択します。特定の属性。




• [属性]: 指定された属性を持つ要素を選択するために使用されます。

• [attribute=value]: 指定された属性と値を持つ要素を選択するために使用されます。

• [attribute~=value]: 属性値に指定された語彙が含まれる要素を選択するために使用されます。

• [attribute|=value]: 指定された値で始まる属性値を持つ要素を選択するために使用されます。これは単語全体である必要があります。

• [attribute^=value]: 属性値が指定された値で始まるすべての要素と一致します。

• [attribute$=value]: 属性値が指定された値で終わるすべての要素と一致します。

• [attribute*=value]: 属性値に指定された値が含まれるすべての要素と一致します。

プログラミング関連の知識について詳しくは、

プログラミング入門をご覧ください。 ！

以上がCSSのセレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。