定義と使用法
:nth-child( n )セレクタがあるすべての要素を選択しnth親の、タイプに関係なく、子供を。
ヒント:使用して:nth-of-type()あるすべての要素を選択するセレクタをn th子、 特定の種類の 、彼らの親のを。
構文
:nth-child( n |even|odd| formula )
パラメーター | 説明 |
---|---|
n | 一致するように、それぞれの子のインデックス。 数字でなければなりません。 最初の要素はインデックス番号1を持っています。 |
even | それぞれを選択しeven子要素を |
odd | 各選択oddの子要素を |
formula | 子要素(複数可)は、式で選択することが指定( an + b ) 例: p:nth-child(3n+2)第二子要素で始まる、各3番目の段落を選択し、 |
それを自分で試してみてください - 例
各選択<p>すべての第二子である要素<div>要素を
それぞれの選択方法<p>すべての第二子である要素<div>要素を。
式を用いて(an + b)
式の使い方( an + b )別の子要素を選択します。
使用"even"と"odd"
別の子要素を選択するために、偶数と奇数の使用方法。
間の差:nth-child() :n番目の-最後の子() 、 :nth-last-child() :n番目の-の型()と:n番目の-の最後型() :nth-of-type()
間の差p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2)およびp:nth-of-last-type(2)