如何仅使用 CSS 删除 html <table> 列？

Question

我有一个 HTML <table> 有很多列，所以当我的网页在移动浏览器上显示时，它太小了。所以我正在创建一个媒体查询，我想删除一些列（这并不重要）。

那么如何仅使用 css 删除 html 列呢？

例如，如何在下一个示例中删除表格中间的“B”列：

 table, th, td, tr{
  border:1px solid black;
}

table{
  width:100%;
}

 <table>
<th>A</th>
<th>B</th>
<th>C</th>

<tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

原文由 Sushi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<style>
        table, th, td, tr{
  border:1px solid black;
}

table{
  width:100%;
}

  @media (max-width: 768px){

    tr th:nth-child(2),tr td:nth-child(2){

      display:none;
    }

  }
    </style>

原文由 iyyappan 发布，翻译遵循 CC BY-SA 3.0 许可协议