ホームページ > 記事 > ウェブフロントエンド > CSSでのクラスセレクターの表現は何ですか?
CSS では、クラス セレクターはピリオドとして表示されます。
.center {text-align: center}
上の例では、中心クラスを持つすべての HTML 要素が中央に配置されます。
次の HTML コードでは、h1 要素と p 要素の両方に中心クラスがあります。これは、両方が「.center」セレクターのルールに従うことを意味します。
<h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p>
注: クラス名の最初の文字には数字を使用できません。 Mozilla や Firefox では動作しません。
id と同様に、class も派生セレクターとして使用できます:
.fancy td { color: #f60; background: #666; }
上の例では、クラス名 fancy を持つ大きな要素内のテーブル セルは、背景が灰色のオレンジ色のテキストになります。表示されています。 (fancy という名前の大きな要素は、table または div である可能性があります)
要素はクラスに基づいて選択することもできます:
td.fancy { color: #f60; background: #666; }
上の例では、クラス名の fancy テーブルのセルは次のようになります。灰色の背景にオレンジ色。
<td class="fancy">
クラス fancy は、任意のテーブル要素に何度でも割り当てることができます。ファンシーでマークされたセルは、背景がグレーのオレンジ色になります。 fancy という名前のクラスが割り当てられていないセルは、このルールの影響を受けません。また、ファンシー クラスの段落はオレンジ色の背景ではなく、ファンシーとしてマークされた他の要素はこのルールの影響を受けないことにも注意してください。これはすべてこのルールの記述方法によるもので、効果はファンシーとしてマークされたテーブル セル (つまり、td 要素を使用してファンシー クラスを選択する) に限定されます。
以上がCSSでのクラスセレクターの表現は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。