html - 如何摆脱外部表格边框

Question

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

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

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

score 2 · Accepted Answer

只需在您的 CSS 中执行：

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

或者

#big
  {
  border: 0px!important;
  }

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

再次阅读您的问题，如果您将其设置在不同的样式表中，它可能会用另一张表中的 Npx 的值覆盖 0px 的值。将它们合并为一个，或者，如果你不能，把 !important; 在显示 0px 的 CSS 之后标记。

如果没有任何效果，请将其嵌入（不包含）文件的开头。最后也是最不重要的（阅读：不建议），使用内联 css。

score 1 · Accepted Answer

我试图添加这个：“边框：无；” 到 HTML 中的 table 元素本身，它起作用了。
我认为你的问题是这样的：

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

它会覆盖你的 CSS。
使用 chrome 的“检查元素”或 Firefox 的 firebug 来查看问题。

score 0 · Accepted Answer

你只需要改变一个地方就是，

原始代码

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进行实时编辑。

3 回答 3