CSS: セレクタの指定:複数のIDを指定する
CSSのセレクタを指定するときに、 複数のIDを同時に指定したい場合があります。 その場合はグループセレクタを使うことで同時に指定できます。
IDを指定する場合は次のようにID名の先頭に#(シャープ記号)をつけて記述します。(id="id1" とする)
#id1 {
color: red;
}
複数のIDを指定する場合は「#ID名」をカンマ区切りで記述します。
#id1, #id2, #id3 {
color: red;
}
このようにカンマで区切って指定する方法をグループセレクタと言います。 グループセレクタを使うと、IDだけでなく、グループや要素等も複数指定することができます。
CSSの設定手法として、「共通のデザインをグループセレクタを使ってまとめて設定し、 個別のデザインを個別のセレクタで設定する」という方法がよく使われます。