回答編集履歴
1
追記しました。
answer
CHANGED
|
@@ -1,3 +1,29 @@
|
|
|
1
1
|
アスタリスク（*）の事を全称セレクタと言います。
|
|
2
2
|
詳しくは下記のURLをお読みになるのが分かりやすいかと。
|
|
3
|
-
https://developer.mozilla.org/ja/docs/Web/CSS/Universal_selectors
|
|
3
|
+
https://developer.mozilla.org/ja/docs/Web/CSS/Universal_selectors
|
|
4
|
+
|
|
5
|
+
【追記】
|
|
6
|
+
もう少し詳しく説明します。
|
|
7
|
+
質問のCSSがまず間違っていますのでまずは訂正をします。
|
|
8
|
+
```ｃｓｓ
|
|
9
|
+
body{/*パターンA*/
|
|
10
|
+
margin:0;
|
|
11
|
+
}
|
|
12
|
+
/*全称セレクタの前に半角スペースが必要です*/
|
|
13
|
+
body *{/*パターンB*/
|
|
14
|
+
margin:0;
|
|
15
|
+
}
|
|
16
|
+
```
|
|
17
|
+
パターンAの場合body要素のみのmarginが０になります。
|
|
18
|
+
パターンBの場合body要素内の全ての要素のmarginが０になります。
|
|
19
|
+
名前の示す通り全称セレクタとは全てって意味で使います。
|
|
20
|
+
ちなみに余談ですが、デフォルトスタイルシートも含む全てのmarginをリセットしたい場合は
|
|
21
|
+
スタイルシートの先頭に
|
|
22
|
+
```ｃｓｓ
|
|
23
|
+
*{
|
|
24
|
+
margin:0;
|
|
25
|
+
}
|
|
26
|
+
```
|
|
27
|
+
という記述をします。
|
|
28
|
+
|
|
29
|
+
検証に時間や手間がさほどかからないと思いますので試してガッテンなのです|ーﾟ)
|