为什么我们不能在col标签中设置颜色?

时间:2014-12-11 19:10:58

标签: html css html5 w3c

我刚刚遇到了一个用例,用于设置col标记的样式: enter image description here

在这种特殊情况下,我想设置" Post Name"的color。专栏,但事实证明它不起作用或不允许。但background-color是允许的,但这让我想知道为什么color不是。

我检查了规范(http://www.w3.org/TR/html5/tabular-data.html#the-col-element),但我找不到任何有用的信息。我知道如何只用CSS做同样的效果,我只是想知道是否有人知道为什么会出现这种情况?

示例:http://jsfiddle.net/nunoarruda/d8d7rans/

4 个答案:

答案 0 :(得分:7)

查看CSS 2.1 spec, 17.5.1 Table layers and transparency

处的图表

列是渲染中的一个图层。因此,默认情况下,上面图层的背景显示到列图层。另一方面,文本仅适用于单元格,因此只能设置文本颜色。文本颜色默认继承,因此单元格可以从祖先元素获取其文本颜色。 Col元素永远不是细胞的祖先。

列的属性为'属性适用列于CSS 2.1 spec, 17.3 Columns

答案 1 :(得分:2)

如果你可以使用CSS3:

table tr td:nth-child(2) {
    color: #CC0000;
}

设置<td>中每秒<tr>的颜色。

答案 2 :(得分:0)

col用于使用“span”属性,您无法为列指定颜色(与行不同)。

最简单的方法是为列中的每个TD元素添加一个类,并为其指定颜色。

答案 3 :(得分:0)

您想要在容器当前所在位置上方设置颜色