如何隱藏第三個元素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; }