セレクタ,セレクタ { プロパティ:値 ; …}
CSS/HTMLの書き方
CSS
セレクタ,セレクタ { プロパティ:値 ; プロパティ:値 ; …}
解説
異なる要素、クラス、IDに同じプロパティを指定する方法です。
例えば、見出しタグのh1、h2の文字サイズを同じにしたり、「sample1とsample2」の2つの異なるクラス名の背景色を同じに設定する場合です。
もちろん、別々に記述することもできますが、まとめて記述すれば、それだけCSSも軽くなります。
書き方は、上記のように同じプロパティを設定したい複数のセレクタを「,(カンマ)」で区切ります。
CSS/HTMLサンプル
h1,h2 { font-size:15px; }
見出しh1とh2の文字サイズを一括で指定する サンプル