プロパティ・セレクタの複数設定方法【CSS】
プロパティ・セレクタを複数設定する方法を説明します。
プロパティをセミコロン「;」で区切る方法
CSSソース例
body {
color : black ;
background-color : white ;
font-size : 12px ;
}
プロパティは、セミコロン「;」で区切ります。CSSソースを見易くする意味で、区切り毎に改行してます。改行やスペースは「ブラウザ表示」に影響しませんので、管理し易い並びにしましょう。最後(一番下)のコードには、セミコロン「;」をつけなくても、コード上は問題ありませんが、後々の追加や修正の為につけておきます。
セレクタをカンマ「,」で区切る方法
CSSソース例
h1 , h2 , h3 {
color : red ;
font-size : 24px ;
}
セレクタはカンマ「,」で区切ります。上記は「h1~h3要素」(見出し)の文字の色・サイズを同時に指定しています。
CSS3 に戻る
ホームページ作成方法 TOPに戻る