<H>タグ以外にかかわらず、要素のタイプの、親要素に属するNサブ整合素子を選択する（n）はn番目の子。
nが番号、キーワード、又は式であってもよいです
の例
<!DOCTYPE html>
<html>
<head> <style> p:nth-child(2) { background:pink; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> </body> </html> 
奇数及び偶数奇数または偶数のサブエレメントをキーワードインデックスである一致させるために使用される（添字1は、第1の子要素です）
ジカルボン酸の例
<!DOCTYPE html>
<html>
<head> <style> p:nth-child(odd) { background:green; } p:nth-child(even) { background:pink; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> <p>第五个段落。</p> </body> </html> <H>タグは、最初の要素ですが、スタイルは変更されません
3の例
式（+ B）を使用。説明：サイクルの長さを示し、nはカウンタ（0から始まる）であり、Bはオフセット値であります
<!DOCTYPE html>
<html>
<head> <style> p:nth-child(3n+0) { background:pink; } </style> </head> <body> <h1>这是标题</h1> <p>第一个段落。</p> <p>第二个段落。</p> <p>第三个段落。</p> <p>第四个段落。</p> <p>第五个段落。</p> <p>第六个段落。</p> <p>第七个段落。</p> <p>第八个段落。</p> <p>第九个段落。</p> </body> </html> 
上記意識を3N + 0：指定添字pが3の倍数のすべての要素の背景色であります
：n番目の子（2N）タグの偶数を選択するには、2nのもかもしれ
：奇妙なラベルを選択するN番目-子（。2N-1）、2N-1が奇数であり
：（。3Nの+と1）、第N-託児カスタムセレクトラベル、3N +1は、「二置換スペーサー」を表す
：第N-子を（N-4 +）タグを選択するために、より大きい又は4に等しい
：n番目の子（-n + 4 ） 4個の以下のタグを選択する
：最後に子供が最後のラベルを選択し
：n番目の最後-child最後から二番目のいくつかのタグを選択し（3）、3 3の第1の選択
：n番目の子は、個別に選択したタグのIDやクラスを追加する必要がなく、非常にそれを必要とし、実際に使用します
著者：こんにちは武道のマスター
リンクします。https：//www.jianshu.com/p/2c07849fcb53
出典：ジェーン・ブック
著者によって予約ジェーンブックの著作権は、いかなる形で再現され、承認を得るために作者に連絡して、ソースを明記してください。