ホームページ  >  記事  >  ウェブフロントエンド  >  cssクラスってどういう意味ですか?

cssクラスってどういう意味ですか?

藏色散人
藏色散人オリジナル
2021-01-11 09:20:386325ブラウズ

css クラスとは、指定されたクラスを持つ要素を選択するために使用されるクラス セレクターを意味します。クラス セレクターはドットで表示され、その使用構文は ".center {text-align: center}" などです。このステートメントは、中心クラスを持つすべての HTML 要素が中央に配置されることを意味します。

cssクラスってどういう意味ですか?

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

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

css では、クラスは、指定されたクラス (class) を持つ要素を選択するために使用されるクラス (クラス) セレクターを指します。クラスセレクターは「.center」のようにピリオドで表示されます。

.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;
}
<td class="fancy">

上の例では、クラス名 fancy テーブルのセルは次のようになります。灰色の背景にオレンジ色。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。