CSSの擬似クラスセレクタパリティマッチn番目の子(さえ)

構文:

: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クラス名です。


おすすめ

転載: www.cnblogs.com/Better-Me/p/12160716.html