CSS N :th child with gaps

Question

我一直在尝试制作一个带有 item 类偶数行的彩色表格与奇数不同的颜色。请看 fiddle :http://jsfiddle.net/x7XT5/

HTML:

<table>
  <tr class="item">
      <td>1</td>
  </tr>
<tr>
    <td>info</td>
</tr>
  <tr class="item">
      <td>2</td>
  </tr>
<tr>
    <td>info</td>
</tr>
  <tr class="item">
      <td>3</td>
  </tr>
<tr>
    <td>info</td>
</tr>
  <tr class="item">
      <td>4</td>
  </tr>
<tr>
    <td>info</td>
</tr>
</table>
​

CSS:

table tr.item:nth-child(2n)
{
    background-color: yellow;
}

table tr.item:nth-child(2n+1)
{
    background-color: red;
}

如何让它在 css 中工作？

UPD1

<tr>没有课item必须在白色背景上。
<tr class="item"> '偶数/奇数位置的背景必须为红色/黄色。

Answer 1

table tr
{
    background-color: yellow;
}

table tr.item:nth-child(2n+1)
{
    background-color: red;
}

更新:给你:

table tr {
    background-color: white;
}

table tr.item:nth-child(n)
{
    background-color: red;
}

table tr.item:nth-child(4n+1)
{
    background-color: yellow;
}