如何隐藏第三个元素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> 

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

其结果是我需要的东西像下面的HTML：

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

我怎么能隐藏每一行中第三td？

在标签元素中不添加类或标识符 - 只需要使用CSS隐藏。

Answer 1

试试这个：

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

入住这fiddle

Answer 2

您无法定位与CSS的第三个元素，如果你没有一个ID或一类专门针对。

你可以使用jQuery来做到这一点。

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

Answer 3

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