html - CSS 去除表格的边框

Question

我安装了一个 Wordpress 模板，所以表格采用了给定的样式。我设法更改了背景和文本的表格颜色，但我无法删除表格周围的框架(边框)。我找到了很多相关结果，但找不到对我有用的东西(我对 CSS 的经验不多)。

body {
  background: #040404;
}

table.photos_table td {
  background-color: #040404 !important;
  color: white !important;
}
table.photos_table {
  border: none !important;
  border-collapse: collapse !important;
}

<table class="photos_table">
  <tbody>
    <tr>
      <td>food</td>
      <td>drink</td>
    </tr>
    <tr>
      <td>pizza</td>
      <td>soda</td>
    </tr>
  </tbody>
</table>

这就是我得到的结果。

有什么建议可能是错误的吗？我需要其他选择吗？

Answer 1

border在<tbody> , 所以给出:

table thead, table tbody, table tfoot {border: none;}

作品...