如何隐藏第三个元素td？

Question

我有下表：

<table id="test">
 <tr>
  <td>test</td>
  <td>test</td>
  <td>test</td>
 </tr>
 <tr>
  <td>test</td>
  <td>test</td>
  <td>test</td>
 </tr>
</table>

我需要使用CSS隐藏第三个元素td。

结果我需要类似下面的HTML：

<table id="test">
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>

如何隐藏每一行中的第三个td？

在tag元素中不添加class或id - 只需要使用CSS隐藏。

Answer 1

试试这个：

#test tr td:nth-child(3n+3) {
    display: none;
}

选中此fiddle

Answer 2

#test tr td:nth-child(3) { display:none; }

Answer 3

如果您没有专门定位的ID或类，则无法使用css定位第三个元素。

您可以使用jQuery来执行此操作。

其他用户（使用第n个孩子）提供的答案没有透露代码与浏览器不兼容的事实。 IE＆lt; 9无法看到选择器。