プロパティ・セレクタの複数設定方法【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に戻る