ホームページ  >  記事  >  ウェブフロントエンド  >  CSS ID およびクラス セレクターの概要

CSS ID およびクラス セレクターの概要

零下一度
零下一度オリジナル
2017-05-15 11:54:111700ブラウズ

id セレクターと class セレクター

HTML 要素 に CSS スタイルを設定したい場合は、要素内に「id」セレクターと「class」セレクターを設定する必要があります。

id セレクター

id セレクターは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。

HTML要素はid属性を使用してIDセレクターを設定し、CSSのIDセレクターは「#」で定義されます。

次のスタイル ルールが要素属性 id="para1" に適用されます:

#para1
{
text-align:center;
color:red;
}

ID 属性は数字で始まるべきではありません。数字で始まる ID は Mozilla/Firefox ブラウザーでは機能しません。

クラスセレクター

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

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

次の例では、中心クラスを持つすべての HTML 要素が中央に配置されます。

p.center {text-align:center;}

クラス名の最初の文字には数字を使用できません! Mozilla や Firefox では動作しません。

【関連推奨事項】

1. 特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード

2. CSS オンラインビデオチュートリアル

3. Jiijian (2) - CSS ビデオチュートリアル

以上がCSS ID およびクラス セレクターの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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