如何摆脱外围边界

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

OR

#big
  {
  border: 0px!important;
  }

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

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

如果无效，请在文件的开头嵌入（不包括）它。最后和最小（读：不可用），使用内联css。

Answer 2

我试图添加：“border：none;”在HTML中的表元素本身，它工作 我认为你的问题是：

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

它会覆盖你的CSS 使用chrome的“inspect element”或firebug for Firefox来查看问题。

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