HTML 入門トップページ


目次

  1. ホームページ作成はじめの一歩
  2. HTMLの基礎
  3. 基礎的なタグをマスターしよう
  4. HTML 文書を検証してみよう
  5. スタイルシート
    1. CSS ファイルを準備する
    2. CSS ファイルを読み込む
    3. 表示を確認しておこう
    4. CSS にデザインを記述する
    5. 複数のセレクタに適用する
    6. classを使う
    7. 表のデザイン
    8. 図のデザイン
    9. HTML内にスタイルを記述する
  6. フォームを使ってみよう
  7. 参考サイト

スタイルシート

複数のセレクタに適用する

例えば,<h1><h2> にデザインを適用したいときに,次のようにそれぞれに適用する方法があります.

style.css(抜粋)
h1 {
  color: #FF0000;
}

h2 {
  color: #FF0000;
}

上のように同じスタイルを複数の要素に適用するのであれば,セレクタをカンマで区切って次のように書くこともできます.

style.css(抜粋)
h1, h2 {
  color: #FF0000;
}

ブラウザでの表示結果

04-04