CSS3 *について

Question

ネット検索をしてみてもなかなかでてこなかったので質問させてもらいます。
全体の余白を無くしたいときに
.body{margin:0}
のようにすると思うのですがこれを
.body*{margin:0}とするとどういった意味になるのでしょうか

Answer 1

アスタリスク（*）の事を全称セレクタと言います。
詳しくは下記のURLをお読みになるのが分かりやすいかと。
https://developer.mozilla.org/ja/docs/Web/CSS/Universal_selectors

【追記】
もう少し詳しく説明します。
質問のCSSがまず間違っていますのでまずは訂正をします。

body{/*パターンA*/
    margin:0;
}
/*全称セレクタの前に半角スペースが必要です*/
body *{/*パターンB*/
    margin:0;
}

パターンAの場合body要素のみのmarginが０になります。
パターンBの場合body要素内の全ての要素のmarginが０になります。
名前の示す通り全称セレクタとは全てって意味で使います。
ちなみに余談ですが、デフォルトスタイルシートも含む全てのmarginをリセットしたい場合は
スタイルシートの先頭に

*{
    margin:0;
}

という記述をします。

検証に時間や手間がさほどかからないと思いますので試してガッテンなのです|ーﾟ)

Comments

[inunekotanuki]

なるほど！　ありがとうございました！