Question

我在一个内容很多的网站上工作，我在CSS中有一些像这样的表：

table {
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  width: 75%;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-spacing: 2px;
  display: table;
  border-collapse: separate;
  border-color: grey;
 }

现在，我试图制作一些根本没有边框的桌子（所以它们只是用于格式化）。但我无法做到。

我已尝试在css中创建这样的新类：

table.noborder td th {border:0;}

但是当我在课堂上制作一张桌子时，它就无法工作了。

我使用Wordpress，可能是因为存在冲突的CSS或其他什么？我只是不明白。我需要一种方法来做到这一点，而不必更改我的网站上的所有表，因为这将是很多工作。

Answer 1

没有人会杀了你。

看来，您需要先检查HTML标记。如果TD标签中有TH标签，则存在问题。也就是说，你的风格正在寻找什么。

TH用于概述表格标题单元格，TD用于普通单元格。目前，您的样式仅适用于放置在TD标签内的TH标签。这永远不会奏效。

您必须单独处理您的TD和TH。所以，你的CSS应该是这样的：

table.noborder th, table.noborder td {border:0;}

不要忘记将noborder-class分配给HTML-Tables。您还可以缩短样式表：

border: <width> <style> <color>;

祝你好运，的Heiko

创建一个没有边框的单独表类

1 个答案: