html - 制作一个单独的无边框表格类

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

但是当我和类(class)一起做一张 table 时，它就不起作用了。

我正在使用 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 表格。 您还可以缩短样式表:

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

最好的问候， 黑子