回答編集履歴

2

引用先の間違い修正

2019/12/28 21:05

投稿

hatena19
hatena19

スコア34073

test CHANGED
@@ -1,6 +1,6 @@
1
- > CSS の :nth-child() 疑似クラスは、**兄弟要素のグループの中**での位置に基づいて選択します。
1
+ > CSS の :nth-of-type() 疑似クラスは、**兄弟要素のグループの中**で指定された型要素を、位置に基づいて選択します。
2
2
 
3
- [:nth-child() - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/:nth-child)
3
+ [:nth-of-type() - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/:nth-of-type)
4
4
 
5
5
 
6
6
 

1

書式の改善

2019/12/28 21:05

投稿

hatena19
hatena19

スコア34073

test CHANGED
@@ -20,10 +20,18 @@
20
20
 
21
21
  兄弟要素の5番目なら、
22
22
 
23
+ ```js
24
+
23
- `$("div :nth-child(5)").css('color', 'red');`
25
+ $("div :nth-child(5)").css('color', 'red');
26
+
27
+ ```
24
28
 
25
29
  子孫要素のなかで5番目のspan要素ということなら、
26
30
 
31
+ ```js
32
+
27
- `$("div span").eq(4).css('color', 'red');`
33
+ $("div span").eq(4).css('color', 'red');
34
+
35
+ ```
28
36
 
29
37
  とすることになります。