如何摆脱外部表边框

Question

我需要摆脱外边框，只有单元格边框，单元格之间应该有空间。我不明白为什么它会在桌子周围构建这个外边框，我只是在单独的文件中尝试了这段代码

table {
  border-collapse: separate;
  border-spacing: 4px;
}
table td, table th {
  border: 1px solid black;
}

并且它正确显示。但是在网站内容上，它使这个外部边界。有人可以帮助我吗？

Answer 1

只需在您的 css 中执行：

.tribe-events-calendar
  {
  border: 0px!important;
  }

或

#big
  {
  border: 0px!important;
  }

或者，如果类或 id 已经存在，请修改这些值以按上述方式设置它们。当心类，因为据说它应该影响其他元素。

再次阅读您的问题，如果您将其设置在不同的样式表中，则可能会发生它用另一个工作表中的 Npx 值覆盖 0px 的值的情况。将它们合并为一个，或者，如果不能，请将 ！important;在 CSS 后面标记 0px。

如果没有任何效果，请在文件的开头嵌入（不包括）它。最后也是最少的（阅读：不建议），使用内联css。

Answer 2

我试图在HTML内部的表格元素本身中添加这个："border：none;"，它起作用了。
我认为你的问题是这样的：

table.tribe-events-calendar, .tribe-events-calendar td {
border: 1px solid #BBB;
}  

它会覆盖你的 css。
使用 chrome 的"inspect element"或 Firefox 的 firebug 来查看问题。

Answer 3

你只需要改变一个地方，

原始代码

table.tribe-events-calendar, .tribe-events-calendar td {
    border: 1px solid #BBBBBB;

修改后

table.tribe-events-calendar td {
        border: 1px solid #BBBBBB;

您可以使用 Firefox FireBug 进行检查，并对 CSS 和 Jquery 进行实时编辑。