CSS3：交替的行颜色？

Question

要使用css替换表格中的行颜色，请使用：

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

任何人都可以向我解释一下“奇数”和“偶数”是什么意思吗？

Answer 1

<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或these examples

的this demo

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

Answer 2

奇数：1号，3号，5号，7号儿童...... 甚至：2号，4号，6号，8号......

Answer 3

奇数列id为1,3,5,7，....甚至列id为2,4,6,8，...

Answer 4

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

在这种情况下，foo和foo2将被视为:odd，bar和bar2被视为even

 - foo
 - bar
 - foo2
 - bar2

Answer 5

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

Answer 6

奇数是每行数不能被2整除，甚至是每隔一行。

由于第一行的索引为1，而模2的模数不为0，因此它将具有红色背景，第二行的索引为2，模2的模数为2，因此它为蓝色。