其他每个div的孩子的第n个孩子

Question

我想让div的INSIDE reportRow的背景颜色具有特定的背景颜色，但我希望它切换每个其他reportRow的颜色。

我似乎无法得到第n个孩子的工作。谁能帮忙？

<div class="reportRow"> 
    <div style="width:75px;">Date1</div> 
    <div style="width:360px;">Address1</div> 
    <div style="width:40px;">Edit1</div> 
    <div style="width:40px;">Print1</div> 
    <div style="width:40px;">Delete1</div> 
</div> 

<div class="reportRow"> 
    <div style="width:75px;">Date2</div> 
    <div style="width:360px;">Address2</div> 
    <div style="width:40px;">Edit2</div> 
    <div style="width:40px;">Print2</div> 
    <div style="width:40px;">Delete2</div> 
</div> 

Answer 1

http://jsfiddle.net/bhlaird/t75Zu/
你想用第n个孩子上reportRow，但设置内div的背景

.reportRow:nth-child(2n) div { 
    background-color: blue; 
} 

Answer 2

为目标每隔第n个孩子，这里有一个例子你应该怎么有你的CSS：

.reportRow:nth-child(even) { 
    background: #fff; 
} 

你可以用偶数或奇数以及其他一些东西来替换参数。以下是一些关于第十一个孩子假冒课程的文档：http://www.w3schools.com/cssref/sel_nth-child.asp。