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;}

作品...

Answer 2

检查style.css文件中的border属性。 我假设border已被分配给style.css文件中的td或tr属性。

这应该解决它。