構文:
:n番目の子(+ bの)
あなたに一般的な導入を使用しています)(以下CSS3標準n番目の子を入れて:
CSS3の擬似クラスセレクタ:n番目の子()
の単純な誘導いくつかの用途n番目の子()。
最初:簡単な数値列表現
:n番目の子(数)
直接第1の数の要素と一致します。パラメータ数がゼロよりも整数大きくなければなりません。
例:
リチウム:n番目の子(3){背景:青;}
第二:複数の書き込み
:n番目の子()
試合は、すべての要素の倍数です。前記のパラメータ文字Nよう3N、5Nとして書かれたマークの倍数であるデフォルトではありません。
例:
リチウム:n番目の子(3N){背景:赤;}
第三:複数のパケットの一致
:n番目の子(+ bの)与 :n番目の子(- B)
最初族元素、各数、Bは文字特徴グループメンバーの数であり、nはプラス記号+請求デフォルトはないが、フラグに書き込まれている位置を交換しない、Bは正の整数でありますまたは0。3N + 1,5n + 1。しかし、それはAB番目のマッチンググループの場合には、プラスマイナスに変更してもよいです。(実際には、以前にも負の数であってもよいが、話の次の部分を残してもよいです。)
例:
リチウム:n番目の子(3N + 1){背景:赤;}
リチウム:n番目の子(3N + 5){背景:青;}
リチウム:n番目の子(5N-1){背景:黄色;}
リチウム:n番目の子(3N±0){背景:緑;}
リチウム:n番目の子(±0N + 3){背景:オレンジ;}
第四:逆方向パケットが一致する複数の
:n番目の子(-an + bの)
ここでは、負の正が、それ以外の場合は無意味、デフォルトされていません。そして時間:N番目-子(。AN + 1)マッチする最初のものに似ていますが、違いは、それは最初から逆方向にカウントされていることであるB、それが一致しないので、カウントバックを開始します以上、B。
例:
リチウム:n番目の子(-3N + 8){背景:赤;}
リチウム:n番目の子(-1N + 8){背景:青;}
フィフス:パリティが一致
:n番目の子(奇数)与 :n番目の子(さえ)
各奇数及び偶数の要素に一致します。(奇数)奇数及び(2N + 1)の結果として、偶数(偶数)(2N + 0)と(2N)の結果と同じ。
ビューの:行の表奇数のスタイル定義のように書くことができる
.table> TR:n番目の子(偶数)> TD {背景色:#1 F00;}( 偶数行)
.table> TR:テラス、N番目(ODD)> TD {背景色:#C00 ;}( 奇数ライン)
この方法は、jQueryので実現できる効果をストライプ:
$(「TR表:テラス、N番目(偶数)」)addClass(「hangbg」);.。
さえ5例が上述されている、他のパラメータによって置き換えられます。
addClass( "後ろにhangbg")hangbgは、CSSクラス名です。