Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 67:セレクタ:すべての要素の指定

📊 Qraftユーザーの成績

  • 難易度 Dランク(レーティング1150)
  • 難易度 1990位/2795問中
  • 正答率 100%(4/4回正解)
レーティングは解いた人の実力と正誤から算出する難しさ(初期値1200)。ランクはその全問題中の順位(S+が最難関、F-が最易)

HTML文書内の「すべての要素」に対して一括でスタイルを適用したい場合に使用する、正しいCSSセレクタはどれか。

  1. all { margin: 0; }
  2. body { margin: 0; }
  3. * { margin: 0; }
  4. @all { margin: 0; }
  5. #all { margin: 0; }
正解と解説を見る
正解:* { margin: 0; }

アスタリスク(*)を使ったセレクタは「全称セレクタ(ユニバーサルセレクタ)」と呼ばれ、ページ内のすべての要素に対してスタイルを適用することができます。したがって正解はアスタリスクを用いた記述です。

【正解の理由】
CSSにおいて「*(アスタリスク)」はワイルドカードとして機能し、すべてのHTML要素を対象にする正しいセレクタです。

【不正解の理由】
• 「allというセレクタ名を使う記述」は誤り。allという名前のHTML要素は存在しないため、適用されない
• 「bodyというセレクタ名を使う記述」は誤り。body要素とその子孫に一部継承されるが、「すべての要素」を直接指定しているわけではない
• 「@allを使う記述」は誤り。@で始まるものはアットルール(=@mediaなどの制御構文)であり、セレクタとしては無効
• 「#allを使う記述」は誤り。#はIDセレクタであり、id="all"という特定の1要素にしか適用されない

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)