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