12

我有下表：

<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每行中的第三个？

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

4

3 回答 3

23

尝试这个：

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

检查这个小提琴

于 2013-06-12T02:33:57.833 回答
7 
#test tr td:nth-child(3) { display:none; }
于 2013-06-12T02:34:42.640 回答
0

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

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

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

于 2013-06-12T02:34:41.310 回答