html – Css – 如何隐藏第三个元素td?

前端之家收集整理的这篇文章主要介绍了html – Css – 如何隐藏第三个元素td?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有下表:
<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?

标签元素中不添加类或id – 只需使用CSS隐藏.

解决方法

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

检查这个fiddle

原文链接:https://www.f2er.com/html/224369.html

猜你在找的HTML相关文章