質問編集履歴
1
コードブロックを用いてコードを記載しなおしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
```HTML
|
|
1
2
|
<!doctype html>
|
|
2
3
|
<html>
|
|
3
4
|
<head>
|
|
@@ -15,9 +16,11 @@
|
|
|
15
16
|
</ul>
|
|
16
17
|
</body>
|
|
17
18
|
</html>
|
|
19
|
+
```
|
|
18
20
|
|
|
19
21
|
現在、このようなHTMLファイルに以下のCSSのファイルを読み込んでいます。
|
|
20
22
|
|
|
23
|
+
```CSS
|
|
21
24
|
body {
|
|
22
25
|
padding: 1% 25%;
|
|
23
26
|
font-family: sans-serif;
|
|
@@ -38,7 +41,7 @@
|
|
|
38
41
|
:only-child {
|
|
39
42
|
background-color: tomato;
|
|
40
43
|
}
|
|
41
|
-
|
|
44
|
+
```
|
|
42
45
|
この場合に、:only-childタグがHTML全体に反映されてしまっています。
|
|
43
46
|
bodyの子要素はulだけなので本来はbody部分のみに反映されるはずなのですが。。
|
|
44
47
|
どなたかお教えいただけると幸いです。
|