html - colgroup 背景颜色不会覆盖 tr 背景颜色

Question

我有一个表格，在 colgroup 中有一个 col，背景颜色为灰色。

我有一个背景颜色为橙色的 tr

<table >
    <colgroup>
        <col class="col"  />
        <col  />
    </colgroup>
    <tr>
        <td>1</td>
        <td>2</td>        
    </tr>
    <tr class="tr">
        <td>3</td>
        <td>4</td>        
    </tr>
</table>

CSS:

.col{
    background-color: grey !important;       
}

.tr{
      background-color: orange; 
}

table{

    width: 100%;
}

我想要 col 颜色覆盖 tr 颜色。

我该怎么办？

在例子中，3必须是灰色但是是橙色

http://jsfiddle.net/VsgA6/1/

Answer 1

CSS 规范指出，仅当单元格和行都具有透明背景时才应用列背景(参见 http://www.w3.org/TR/CSS21/tables.html#columns)。

您必须在 tr 或 td 上设置颜色。

例如 td:first-child {background: grey}