如何去掉wordpress中的表格边框？

Question

我正在使用 WordPress 为我的一个朋友构建一个简单的网站。在页面中，我现在想制作一个简单的矩形并在其中放入一些信息。由于我在 90 年代学习了 html，所以我仍然使用表格（带有一个 td）来执行此操作。因为我希望表格边框消失，所以我创建了表格，如下所示：

<table border="0">
<tr><td>some content</td></tr>
</table>

不幸的是，边框仍然出现（请参阅此处了解我正在处理的页面）。

有谁知道我怎样才能摆脱这个表格边框？

Answer 1

您的样式表中有此规则style.css Line 1071，需要将其删除

th, td, table {
    border: 1px solid #DDDDDD;
}

注意：这是一个元素选择器，将应用于您网站中的所有表格。

您将该表放在带有类的 div 中post-entry，因此您可以使用下面的选择器覆盖样式

.post-entry *  { /* '*' will select all element inside .post-entry so be cautious */
   border: 0 !important;
}

如果您post-entry也有其他元素，请显式指定元素而不是使用*

.post-entry table, .post-entry th, .post-entry td {
   border: 0;
}

提示：使用 firebug，可以让您避免提出更少的问题，并在调试 CSS、HTML 和 JS 时浪费更少的时间