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> 

检查these examples约odd/even或this demo

此外，您还可以使用包含元素的SQUENCE任何标签使用它...

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和1模2不是0，它将具有红色背景并且第二行具有索引2和2模2是0因此它是蓝色的。