: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...