制作一个单独的 table class 无边框

Question

我在一个内容很多的网站上工作，我在 CSS 中有一些 table 样式如下：

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

现在，我正在尝试制作一些完全没有边框的 table（因此它们只是用于格式化）。但是我做不到。

我在 css 中试过像这样制作新的 classes:

table.noborder td th {border:0;}

但是当我用 class 制作 table 时，它不起作用。

我正在使用 Wordpress，会不会是有冲突 css 之类的？我只是不明白。我需要一种方法来做到这一点，而不必更改我网站上的所有 table，因为那样会很麻烦。

Answer 1

没有人会杀了你。

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

TH用于勾勒tableheader个单元格，TD为普通单元格。目前，您的样式仅适用于位于 TD-tag 内的 TH-tag。这永远行不通。

您必须分别对待您的 TD 和 TH。所以，你的 CSS 应该是这样的：

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

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

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

此致，黑子

制作一个单独的 table class 无边框

Making a seperate table class without borders

html

css

wordpress

border

css-tables