回答編集履歴

4

参考リンク追加

2020/06/18 12:26

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -51,3 +51,7 @@
51
51
  }
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ [子結合子 - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/Child_combinator)

3

コード修正

2020/06/18 12:26

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -21,6 +21,8 @@
21
21
  width: 40%;
22
22
 
23
23
  margin: 1%;
24
+
25
+ line-height: 0; /* これがないと高さがずれる */
24
26
 
25
27
  }
26
28
 

2

誤字修正

2020/06/18 10:56

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -1,10 +1,10 @@
1
1
  セレクタが正しく想定のものにあたってないからでしょう。
2
2
 
3
- `main img` だと main のすべての子孫img要素にあたってします。
3
+ `main img` だと main のすべての子孫img要素にあたってしまいます。
4
4
 
5
5
 
6
6
 
7
- また、`width: 40%;` は親要素を100%基準にして幅が決ま
7
+ また、`width: 40%;` は親要素を100%基準にして幅が決まります
8
8
 
9
9
 
10
10
 

1

誤字修正

2020/06/18 10:43

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -1,6 +1,6 @@
1
1
  セレクタが正しく想定のものにあたってないからでしょう。
2
2
 
3
- `main img` だと main のすべての子孫ing要素にあたってします。
3
+ `main img` だと main のすべての子孫img要素にあたってします。
4
4
 
5
5
 
6
6