在表tr td中使用nth-child

Question

<table>
  <tr>
    <th>&nbsp;</th>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
</table>

这是我的代码,我希望<td>带有"$",背景为#CCC所有<tr>s.

任何人都可以使用nth-child伪类帮助我如何做到这一点？

Answer 1

table tr td:nth-child(2) {
    background: #ccc;
}

工作示例:http://jsfiddle.net/gqr3J/