CSSセレクターとはどういう意味ですか?

css セレクターは、Web ページの DOM 要素を照合するために使用される CSS セレクターを指します。一般的に使用されるセレクターは、タグ名セレクター、クラス セレクター、ID セレクター、派生セレクター、およびサブセレクターに分類できます。要素セレクター、グループ化セレクター、および擬似要素セレクター。

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

推奨: "

css ビデオ チュートリアル "

css セレクターは、Web ページ内の dom 要素を照合するために使用される CSS セレクターを指します。CSS スタイルは次のとおりです。 :Selector {style} として定義されます。 「セレクター」は、{} 内の「スタイル」のオブジェクト、つまり「スタイル」が Web ページ内のどの要素に作用するかを指定します。

CSS を使用して HTML ページ内の要素を 1 対 1、1 対多、または多対 1 で制御するには、CSS セレクターを使用する必要があります。 HTML ページの要素は CSS セレクターを通じて制御されます。

各 CSS スタイル定義は 2 つの部分で構成され、形式は次のとおりです:

selector {property: value}
选择器{属性:属性值}
//即 选择器{样式}

{} より前の部分は「セレクター」です。 「セレクター」は、{} 内の「style ()」のオブジェクト、つまり「style」が Web ページ内のどの要素に作用するかを指定します。 HTML タグ、または特定の ID またはクラスを持つタグを使用できます。

簡単に言うと、CSS の主な機能は Web ページ内の dom 要素のスタイルを設定することであり、セレクターは dom 要素を一致させるために使用されます。

一般的に使用されるセレクターは、タグ名セレクター、クラス セレクター、ID セレクター、派生セレクター、子要素セレクター、グループ セレクター、疑似要素セレクターに分類できます。

CSS セレクターを使用する場合の注意事項:

CSS の解釈はトップダウンであるため、要素の同じ属性の説明については、下に配置された属性の説明が上に配置された属性の説明を上書きします。

a:visited {color: #00FF00; text-decoration: none}
a:hover {color: #FF00FF; text-decoration: underline}

この書き込み順序を使用すると、リンクにアクセスしたかどうかに関係なく、マウスがリンク上に移動している限り、リンク すべて青色に変わり、下線が付きます。ただし、次の書き込み順序が使用される場合:

a:hover {color: #FF00FF; text-decoration: underline}
a:visited {color: #00FF00; text-decoration: none}

リンクにアクセスしたことがある場合、リンク上にマウスを移動してもリンクは青にならず、下線も付きますが、緑のままになります。

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