ホームページ >ウェブフロントエンド >フロントエンドQ&A >css3のクラスセレクターとは何ですか?
CSS3 では、クラス セレクターは、ドキュメント要素から独立した方法でスタイルを指定できるクラス セレクターを指します。これは、要素のグループのスタイルを記述するために使用され、次のように使用できます。複数の要素で使用します。クラス セレクターは、HTML では class 属性、CSS ではドット「.」で表されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
CSS3 では、クラス セレクターは、最も基本的なセレクターの 1 つであるクラス セレクターを指します。
クラス セレクターを使用すると、ドキュメント要素から独立した方法でスタイルを指定できます。これは、要素のグループのスタイルを記述するために使用され、複数の要素で使用できます。
クラス セレクターは、HTML では class 属性で表されます。CSS では、クラス セレクターはドット「.」で表示されます:
html code
<h1 class="center">标题居中</h1> <p class="center">段落居中。</p>
CSS コード
.center{text-align:center;}
注: クラス名の最初の文字として数字を使用することはできません。 Mozilla や Firefox では動作しません。
クラス セレクターは、単独で使用することも、他のセレクターと組み合わせて使用することもできます。
.fancy td { color: #f60; background: #666; }
上の例では、クラス名 fancy を持つ大きな要素内のテーブル セルには、灰色の背景にオレンジ色のテキストが表示されます。 (fancy という名前のより大きな要素は table または div である可能性があります)
td.fancy { color: #f60; background: #666; }
上の例では、クラス名 fancy を持つテーブルのセルは、灰色の背景を持つオレンジ色になります。
(学習ビデオ共有: css ビデオ チュートリアル)
以上がcss3のクラスセレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。