ホームページ > 記事 > ウェブフロントエンド > CSS ID およびクラス セレクターの概要
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 バージョンのダウンロード
3. Jiijian (2) - CSS ビデオチュートリアル
以上がCSS ID およびクラス セレクターの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。