css を使用してテーブルの行の色を交互にするには、次を使用します。
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
「奇数」と「偶数」の意味を誰か教えてください。
<div>
<p></p> <!-- odd child, 1st -->
<p></p> <!-- even child, 2nd -->
<p></p> <!-- odd child, 3rd -->
<p></p> <!-- even child, 4th -->
<p></p> <!-- odd child, 5th -->
<p></p> <!-- even child, 6th -->
<p></p> <!-- odd child, 7th -->
</div>
/またはこのデモに関するこれらの例を確認してくださいodd
even
また、要素のシーケンスを含む任意のタグで使用できます...
奇数の列 ID は 1,3,5,7,.... で、偶数の列 ID は 2,4,6,8,... です。
奇数は 2 で割り切れないすべての行番号であり、偶数は 1 行おきの行です。
最初の行にはインデックス 1 があり、2 を法とする 1 は 0 ではないため、背景が赤になり、2 番目の行にはインデックス 2 があり、2 を法とする 2 は 0 であるため、青になります。
奇数: 子番号 1、3、5、7..... 偶数: 子番号 2、4、6、8.....
たとえば、リスト項目がある場合、は 1、3、5、7など、2、4、6、8 など:odd
に表示される要素のすべてのインスタンスを参照します。:even
この場合、foo
とfoo2
が考慮されます:odd
、bar
とがbar2
考慮されますeven
- foo
- bar
- foo2
- bar2
行番号を参照します...行がeven
(2で割り切れる)場合は を使用しbackground:#0000ff;
、そうでない場合は行番号がodd
(2で割り切れない)を使用しますbackground:#ff0000;
。