Html 如何使样式适用于<；col>；标签？_Html_Html Table

Html 如何使样式适用于<；col>；标签？

html

Html 如何使样式适用于<；col>；标签？,html,html-table,Html,Html Table,我在表中有一个col标记： <!doctype html> <table> <col style='color:red;background:blue;'/> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> &

我在表中有一个

col

标记：

<!doctype html>
<table>
    <col style='color:red;background:blue;'/>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
</table>


1.
2.
3.
4.
5.
6.

正在应用样式

背景：蓝色

，但没有样式

颜色：红色

（在IE、Safari、Opera、Chrome、FireFox上测试）

原因是什么

如何在整个列中应用单一文本颜色？

请参阅。只有四个属性适用于表列，

color

不是其中之一

这是继承规则在CSS中如何工作的结果

这是由伊恩·海西解释的

如果你想将前景色应用到一个特定的列上，那么你必须逐个单元格地进行。除非您将

th

和

td

混合在同一行上，或使用colspan使问题复杂化，否则您可以执行以下操作：

td { color: blue; }
td + td { color: black; }

看。只有四个属性适用于表列，

color

不是其中之一

这是继承规则在CSS中如何工作的结果

这是由伊恩·海西解释的

如果你想将前景色应用到一个特定的列上，那么你必须逐个单元格地进行。除非您将

th

和

td

混合在同一行上，或使用colspan使问题复杂化，否则您可以执行以下操作：

td { color: blue; }
td + td { color: black; }

谢谢，这个变通办法似乎奏效了。顺便说一句，是否有任何方法可以内联应用解决方案？以及

+td

，您可以使用

td:nth child

@IMSoP，很好！但是有它的内联版本吗？没有。任何使用样式属性的操作都必须在为其设置属性的元素上完成。谢谢，解决方法似乎很有效。顺便说一句，是否有任何方法可以内联应用解决方案？以及

+td

，您可以使用

td:nth child

@IMSoP，很好！但是有内联版本吗？没有。任何使用样式属性的操作都必须在为其设置属性的元素上进行。