HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


複数のセレクタに同じプロパティを指定する

CSS/HTMLの書き方

CSS
セレクタ,セレクタ { プロパティ:値 ; プロパティ:値 ; …}

CSSの詳細情報
対応ブラウザ Windows MAC
IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0
CSSレベル CSSレベル1

解説

異なる要素、クラス、IDに同じプロパティを指定する方法です。例えば、見出しタグのh1、h2の文字サイズを同じにしたり、「sample1とsample2」の2つの異なるクラス名の背景色を同じに設定する場合です。もちろん、別々に記述することもできますが、まとめて記述すれば、それだけCSSも軽くなります。

書き方は、上記のように同じプロパティを設定したい複数のセレクタを「,(カンマ)」で区切ります。

CSS/HTMLサンプル

h1,h2 { font-size:15px; }

見出しh1とh2の文字サイズを一括で指定する サンプル

次のページへ >>