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

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

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の文字サイズを一括で指定する サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!