【CSS】セレクタの指定:複数のIDを指定する

スポンサーリンク

CSSセレクタを指定するときに、 複数IDを同時に指定したい場合があります。 その場合はグループセレクタを使うことで同時に指定できます。

IDを指定する場合は次のようにID名の先頭に#(シャープ記号)をつけて記述します。(id="id1" とする)


#id1 {
    color: red;
}

複数のIDを指定する場合は「#ID名」をカンマ区切りで記述します。


#id1, #id2, #id3 {
    color: red;
}

このようにカンマで区切って指定する方法をグループセレクタと言います。 グループセレクタを使うと、IDだけでなく、グループや要素等も複数指定することができます。

CSSの設定手法として、「共通のデザインをグループセレクタを使ってまとめて設定し、 個別のデザインを個別のセレクタで設定する」という方法がよく使われます。

役立ちツール

CSS 基本事項

CSS セレクタ

CSS テキスト・フォント

CSS 色・画像・背景

CSS ボックス

トランジション

リスト

テーブル

CSS レイアウト

CSS その他

用語

関連サイト