我有下表:
<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?
解决方法
尝试这个:
#test tr td:nth-child(3n+3) { display: none; }
检查这个fiddle