jQueryの:n番目の-の型()セレクタ
定義と使用法
:n番目の-の型(N )セレクタは、親要素のn番目の要素の特定のタイプに属するすべての要素を選択します。
ヒント:使用:n番目の子()親要素に属するすべての要素を選択するためのセレクタはn番目の要素の型に限定されるものではありません 。
文法
:nth-of-type( n |even|odd| formula )
参数 | 描述 |
---|---|
n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 |
even | 选取每个偶数子元素。 |
odd | 选取每个奇数子元素。 |
formula | 规定哪个子元素需通过公式 ( an + b ) 来选取。
实例:p:nth-of-type(3n+2) 选取每个第三段,从第二段开始。 |
試してみてください - 例
各<p>要素は、2つ目の<p>要素のすべての<div>要素を選択します
各<p>要素は、どのように2つ目の<p>要素のすべての<div>要素を選択します。
式を用いて(+ b)は
異なるサブ要素を選択するために、式(+ B)を使用する方法。
使用する「偶数」と「奇数」
別の偶数と奇数のサブ要素を選択する方法。
:n番目の子()、:n番目の -last-子()、:の型-n番目の() ()の間で異なるn番目の-の最後型:と
P:n番目の子(2)、P:n番目の-最後の子(2)、P:n番目の-の型(2)とp:n番目の-の-最後の型の間(2)異なっています。