javascript - colgroup 上的样式不起作用

Question

我有以下 colgroup 无法正常工作。

<colgroup class="" style="background-color:#FF0000;"></colgroup>

请看这个jsfiddle .我在 colgroup 上的样式不起作用。

Answer 1

您可以在 colgroup 上设置的大多数属性都不会产生影响，因为根据定义，表格单元格从 tr 元素(行)继承属性，而不是列或列组(在继承的范围内)。

在 CSS 中，直接在单元格元素上设置属性。例如，要设置前两列的背景颜色，假设只有 td 标记用于单元格，请使用

td:first-child, td:first-child + td {
  background: #f00;
  color: #fff;
}