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

回答編集履歴

2

引用先の間違い修正

2019/12/28 21:05

投稿

hatena19
hatena19

スコア34367

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

1

書式の改善

2019/12/28 21:05

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -9,7 +9,11 @@
9
9
  なぜ、必須なのか理由を知りたい。
10
10
 
11
11
  兄弟要素の5番目なら、
12
+ ```js
12
- `$("div :nth-child(5)").css('color', 'red');`
13
+ $("div :nth-child(5)").css('color', 'red');
14
+ ```
13
15
  子孫要素のなかで5番目のspan要素ということなら、
16
+ ```js
14
- `$("div span").eq(4).css('color', 'red');`
17
+ $("div span").eq(4).css('color', 'red');
18
+ ```
15
19
  とすることになります。