CSSにおけるセレクターのグループ化
次のような状況が発生することがあります:
異なるタグに同じスタイルを適用したい場合です。
例えば、すべての見出し h2、h3 と段落を赤色にしたいとします。
この場合、次のようなコードを書く必要があります:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
しかし、これを少し短くする方法があります: タグセレクターはカンマで区切ってグループ化でき、 CSSコードはそれらすべてに同時に適用されます。 上記のコードは、次のように短く書き直すことができます:
h2, h3, p {
color: red;
}
セレクターのグループ化を使用してコードを簡略化してください:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}