CSSにはどのようなセレクターがありますか?

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

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

1. 要素セレクター:

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

文法:

元素{
       样式声明； 
    }

例:

ページ上のすべての div のテキスト サイズは 12 ピクセル、テキストの色はオレンジです

すべてのスパン要素ページ上の色は赤です

2. クラス セレクター

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

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

構文:

.类名{
    样式声明;
}

クラス名:

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

_、-を除き、他の特殊記号は許可されません

参照:

参照メソッド - マルチカテゴリの参照selector

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

構文:

3. ID セレクター：

関数: 指定された ID 値を持つ要素のスタイルを定義するには

構文:

#ID值{
    样式声明
}

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

例:

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

1.ページ内の id が main の要素を 18pt で太字表示 (font-weight: 太字)

2. 定義ページの id img_list の要素の背景色は緑色、テキストは で表示されます。イタリック体 (属性: font-style、値: イタリック体)

推奨学習: css ビデオ チュートリアル

###

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