Question

在编辑中添加：我通过添加

解决了问题

table, tr, th, td
{
background-color : transparent ; /* for coloring columns */
... }

到初始条件，因为我读过（在某个地方，在提出问题之后），除非最初是透明的，否则无法对列进行着色。我现在无法提供这种信念的参考，但它对我有用。

以下代码在w3schools TryIt中正常工作，生成灰色标题以及红色和绿色列 - 但在我的表格中[缺少初始＆＃39;透明＆＃39;]它会使标题行变灰但留下列白。

css：

.bggra {background-color: #e0e0e0;}
.bgred {background-color: #ffe8e8;}
.bggrn {background-color: #d0ead0;}

html：

<colgroup>
<col class="bgred">
<col class="bggrn">
</colgroup>
...
<thead>
<tr class="bggra">

Firefox＆＃39; Inspector＆＃39;显示第一个＆＃39;红色＆＃39;表格的方框，带有初始表格的背景颜色＆＃39;规则没有划掉。它没有说明.bgred，只提到与{unicode-bidi：isolate;}有关的col。（我是Inspector的新手！）

由于它在TryIt中工作，似乎早期的注释＆＃34;应该有一个语法可用于允许colgroup和col设置覆盖tr和td值。 - cartbeforehorse 10月21日＆12; 10：55＆＃34;有一些影响 - 但它仍然不适合我。

Answer 1

＆＃13;

.bggra {background-color: #e0e0e0;}
.bgred {background-color: #ffe8e8;}
.bggrn {background-color: #d0ead0;}

＆＃13;

<table>

<colgroup>
<col class="bgred">
<col class="bggrn">
</colgroup>
<tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
    
  </tr>
  <tr>
    <td>Value 1</td>
    <td>Value 2</td>
    
  </tr>

</table>

＆＃13;

它适用于我。

这与您正在寻找的相同吗？

Answer 2

这是你在找什么？

<!DOCTYPE html>
    <html>
    <head>
    <style>
    table, th, td {
        border: 1px solid black;
    }
    .bggra {
    background-color: #e0e0e0;
    }
    .bgred {
    background-color: #ffe8e8;
    }
    .bggrn {
    background-color: #d0ead0;
    }

    </style>
    </head>
    <body>

    <table>

    <colgroup>
    <col class="bgred">
    <col class="bggrn">
    </colgroup>
    <tr class="bggra">
        <th>Heading 1</th>
        <th>Heading 2</th>

      </tr>
      <tr>
        <td>Value 1</td>
        <td>Value 2</td>

      </tr>

    </table>

    </body>
    </html>

忽视

到初始条件，因为我读过（在某个地方，在提出问题之后），除非最初是透明的，否则无法对列进行着色。我现在无法提供这种信念的参考，但它对我有用。

2 个答案: