CSS の 3 つの主要なセレクターとは何ですか

CSS の 3 つの主要なセレクターは、ID セレクター、クラス セレクター、要素セレクターです。 ID セレクターでは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。クラス セレクターでは、ドキュメント要素から独立した方法でスタイルを指定できます。要素セレクターでは、指定された要素名を持つすべてのタグ要素が選択されます。

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

css の 3 つの主要なセレクター

1. 要素セレクター:

機能: 選択指定された要素名を持つすべての要素。

文法:

 元素{
       样式声明； 
    }

例 (例):

ページ上のすべての p テキストのサイズは 12px、テキストの色はオレンジです

ページ上のすべてのspan要素の色は赤です

コマンド表示図

Web ページ インスタンスの表示図

##【推奨チュートリアル:

CSS ビデオ チュートリアル】

2. クラス セレクター

クラス セレクターは、要素のグループのスタイルを記述するために使用されます。クラス セレクターは ID セレクターとは異なります。クラスは複数の要素で使用できます。

クラス セレクターは、HTML では class 属性で表されます。CSS では、クラス セレクターはドット「.」で表示されます。

構文:

  .类名{样式声明;}

クラス名:

• #数字で始めることができます

• _、-を除き、他の特殊記号は使用できません

  
  

参考:

参照メソッド - マルチクラス セレクターのリファレンス

1 つの要素に複数のクラス セレクターを同時に適用できます

構文:

3. ID セレクター:

関数:

指定された ID 値の場合スタイルを定義する要素

構文:

#ID值{样式声明}

ID 値は、特定の要素の ID 値に対応する必要があります

例 (例):

ページ内のヘッダーとして ID を持つ要素のテキスト サイズを 30pt に定義し、背景色をオレンジ色にします。

ページ内のメインとして ID を持つ要素のテキスト サイズを 30 pt に定義します。 18pt にし、太字で表示します (font-weight:bold )
2. ページ内の ID img_list の要素の背景色を緑色に定義し、テキストを斜体で表示します (属性:
font -スタイル、値: イタリック)

コマンド表示画像:

Web ページのサンプル画像:

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

プログラミング ビデオをご覧ください。 ！

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