HTML 表格边框不会消失

Question

我有一个没有id或类定义的HTML表，我试图让它没有边框。 我将表插入到一个调用其他样式表的页面中，这些样式表可能具有表的定义，但我在表之前添加了以下内容，该表应删除所有以前的可能类：

table, th, tr, td {
border: 0px;!important
border-collapse: collapse;!important
border:none;!important
outline:none;!important
}

然而，表格边框并没有消失...我该如何解决这个问题？

Answer 1

你的代码几乎是正确的。您需要在分号之前有!important标记。不是在它之后。

例：

table, th, tr, td {
border: 0px !important;
border-collapse: collapse !important;
border:none !important;
outline:none !important;
}

这将摆脱边框，但也要注意，默认情况下，td和th元素也具有填充1px。因此，在上面的代码示例中padding: 0px !important;将删除它。

Answer 2

尝试在分号前!important关键字。

table, th, tr, td {
border: none !important;
outline: none !important;
};

Answer 3

根据应用程序的构建方式(主要是 CSS 的顺序(，您甚至可能不需要!important;属性。请记住，CSS 的顺序很重要，所以无论如何，你应该确保你打算拥有的样式以后不会被覆盖。

现在你的CSS包含语法错误。您的分号在错误的位置。假号用于结束参数，因此应位于行尾。

这就是你的CSS应该是什么样子的：

table, th, tr, td {
border: 0px !important;
border-collapse: collapse !important;
border:none !important;
outline:none !important;
}