:nth-child----CSSスタイルセレクタ

1238 ワード

:nth-child(2 n)はCSSのセレクタで、DOMツリーにan+b-1兄弟ノードがある要素に対して、nth-childでスタイルを適用する要素を選択できます.これらの兄弟ノードの番号は1から始まります.構文:element:nth-child(an+b){style properties}は、elementに対応する要素のうち、an+b(nは任意の整数)番目の要素にCSSスタイルを適用することを表す.
 
いくつかの簡単な例:tr:nth-child(2n+1) tr:nth-child(odd) tr:nth-child(2n) : tr:nth-child(even) :
例:
span:nth-child(2n+1)  
{  
     background-color: lime;  
}  
<div>  
    <span>This span is limed!</span>  
    <span>This span is not. :(</span>  
     <span>But this one is!</span>  
     <span>Sadly, this one is not...</span>  
</div>  

結果は次のとおりです.
   This span is limed!

   This span is not. :(

   But this one is!

   Sadly, this one is not...