質問するログイン新規登録

質問編集履歴

1

元の質問に付随する質問

2019/02/04 08:18

投稿

ryoo_chksl
ryoo_chksl

スコア69

title CHANGED
File without changes
body CHANGED
@@ -17,4 +17,35 @@
17
17
  .example:first-child {
18
18
  color: red;
19
19
  }
20
+ ```
21
+
22
+ ーーー追加ーーー
23
+ ``nth-of-type``の話になるのですが、下のコードでクラス名``sample``の``p``タグの2行目の文字色が青色にならないのはなぜですか?
24
+ クラス名をつけていないpタグを消したり、クラス名``sample``の``p``タグに新たに親要素を加えたりすると青色になりますよね
25
+
26
+ ```html
27
+ <div>aaaaa</div>
28
+ <div>bbbbb</div>
29
+ <div>ccccc</div>
30
+
31
+ <p>aaaaa</p>
32
+ <p>bbbbb</p>
33
+ <p>ccccc</p>
34
+
35
+ <p class="example">aaaaa</p>
36
+ <p class="example">bbbbb</p>
37
+ <p class="example">ccccc</p>
38
+
39
+ <span class="example">aaaaa</span>
40
+ <span class="example">bbbbb</span>
41
+ <span class="example">ccccc</span>
42
+ ```
43
+ ```css
44
+ p:nth-of-type(2) {
45
+ color: red
46
+ }
47
+
48
+ .example:nth-of-type(2) {
49
+ color: blue;
50
+ }
20
51
  ```