セレクタの指定の仕方

・複数のセレクタに同じスタイルを適用する

複数のセレクタに同じスタイルを適用する場合は

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

のようにセレクタの間を , (小さくて見にくいですがカンマです)で区切って適用したいセレクタを並べます。


・セレクタに複数のスタイルを適用する

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

プロパティ:値;を一まとまりとしてスペースを空けて記述していけば、何個でもスタイルを適用できます。

表示例

h4の見出しです h5の見出しです h6です。全部赤くなっています。 段落の中は文字の大きさが18pxになり色がaquaになっています。

ソース　ヘッダのスタイルの部分のみ

<style type="text/css"> h4,h5,h6 { color:red; } p { font-size:18px; color:aqua; } </style>

＜＜　「スタイルシートの基本的な書き方」へ　　　　　「クラスとIDで指定する」へ　＞＞



ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞セレクタの指定の仕方