1

要使用 css 在表格中交替行颜色，我使用：

p:nth-child(odd)
{
    background:#ff0000;
}
p:nth-child(even)
{
    background:#0000ff;
}

谁能解释一下“奇数”和“偶数”是什么意思？

4

6 回答 6

4 
<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>

检查有关/或此演示的这些示例oddeven

此外，您可以将它与任何包含元素序列的标签一起使用...

于 2013-02-05T09:05:48.567 回答
0

奇数：1、3、5、7 号孩子...... 偶数：2、4、6、8 号孩子......

于 2013-02-05T09:06:22.677 回答
0

奇数列 id 是 1,3,5,7,.... 偶数列 id 是 2,4,6,8,...

于 2013-02-05T09:07:53.300 回答
0

例如，如果您有一个列表项，:odd将引用出现在 1、3、5、7 等:even、2、4、6、8 等处的元素的所有实例。

在这种情况下，foo将foo2被考虑:odd，bar并被bar2考虑even

 - foo
 - bar
 - foo2
 - bar2
于 2013-02-05T09:07:58.010 回答
0

它指的是行号...如果该行even（可被 2 整除）它使用background:#0000ff;，否则如果行号是odd（不能被 2 整除）它使用background:#ff0000;。

于 2013-02-05T09:08:13.160 回答
0

奇数是每个不能被 2 整除的行号，偶数是每隔一行。

由于第一行有索引 1 和 1 模 2 不是 0 它将有红色背景，第二行有索引 2 和 2 模 2 为 0 所以它是蓝色的。

于 2013-02-05T09:15:48.703 回答