CSS基礎 練習問題 71:セレクタのグループ化
📊 Qraftユーザーの成績
- 難易度 Cランク(レーティング1169)
- 難易度 1686位/2795問中
- 正答率 100%(2/2回正解)
複数の異なる要素(例えばh1とh2)に対して、全く同じスタイルをまとめて適用したい場合、正しいCSSの書き方はどれか。
- h1, h2 { color: red; } のように、セレクタをカンマで区切って指定する。
- h1 + h2 { color: red; } のように、セレクタをプラス記号で繋いで指定する。
- h1 h2 { color: red; } のように、セレクタを半角スペースで空けて指定する。
- h1 > h2 { color: red; } のように、セレクタを大なり記号で繋いで指定する。
- h1 ~ h2 { color: red; } のように、セレクタをチルダ記号で繋いで指定する。
正解と解説を見る
正解:h1, h2 { color: red; } のように、セレクタをカンマで区切って指定する。
複数の異なるセレクタに同じスタイルを適用したい場合は、カンマ(,)で区切るグループ化が正解です。
【正解の理由】
「h1, h2」のようにカンマで区切ることで、指定した複数の要素それぞれに対して同時に同じスタイルを適用できます。
【不正解の理由】
• 「『h1 + h2』のようにプラス記号で繋ぐ指定」は、隣接する兄弟要素(h1の直後にあるh2)を対象にするため誤り
• 「『h1 h2』のように半角スペースで空ける指定」は、特定の要素の内側にある要素(h1の中にあるh2)を対象にするため誤り
• 「『h1 > h2』のように大なり記号で繋ぐ指定」は、直下の子要素(h1のすぐ下層にあるh2)を対象にするため誤り
• 「『h1 ~ h2』のようにチルダ記号で繋ぐ指定」は、同じ階層にある後続の兄弟要素すべてを対象にするため誤り