CSS基礎 練習問題 67:セレクタ:すべての要素の指定
📊 Qraftユーザーの成績
- 難易度 Dランク(レーティング1150)
- 難易度 1990位/2795問中
- 正答率 100%(4/4回正解)
HTML文書内の「すべての要素」に対して一括でスタイルを適用したい場合に使用する、正しいCSSセレクタはどれか。
- all { margin: 0; }
- body { margin: 0; }
- * { margin: 0; }
- @all { margin: 0; }
- #all { margin: 0; }
正解と解説を見る
正解:* { margin: 0; }
アスタリスク(*)を使ったセレクタは「全称セレクタ(ユニバーサルセレクタ)」と呼ばれ、ページ内のすべての要素に対してスタイルを適用することができます。したがって正解はアスタリスクを用いた記述です。
【正解の理由】
CSSにおいて「*(アスタリスク)」はワイルドカードとして機能し、すべてのHTML要素を対象にする正しいセレクタです。
【不正解の理由】
• 「allというセレクタ名を使う記述」は誤り。allという名前のHTML要素は存在しないため、適用されない
• 「bodyというセレクタ名を使う記述」は誤り。body要素とその子孫に一部継承されるが、「すべての要素」を直接指定しているわけではない
• 「@allを使う記述」は誤り。@で始まるものはアットルール(=@mediaなどの制御構文)であり、セレクタとしては無効
• 「#allを使う記述」は誤り。#はIDセレクタであり、id="all"という特定の1要素にしか適用されない