Html 从N开始的颜色表列（td:N个类型）

我想从某个列开始添加某个背景色。如果可能的话，我宁愿不这样做，而不是为每一列使用css类

我将有一个包含数百行和大约25列的巨大表，我更喜欢避免不必要的代码

目前，我正在使用

td:nth of type

属性来执行此操作：

.demo tr.selectedRow td:n类型（9），
.demo tr.selectedRow td:n类型（10），
.demo tr.selectedRow td:n类型（11），
.demo tr.selectedRow td:n类型（12），
.demo tr.selectedRow td:n类型（13），
.demo tr.selectedRow td:n类型（14），
.demo tr.selectedRow td:n类型（15），
.demo tr.selectedRow td:n类型（16）{
背景色：#fff16b；
}

未选择
未选择
未选择
未选择
未选择
未选择
未选择
未选择
未选择
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
未选择
未选择
未选择
未选择
未选择
未选择

如果八列之后的每一列都有一个类，为什么不为前八列设置一个类，而为其他列设置一个类呢。当然，如果其余的都是一样的话，这就行了

这对IE甚至都有效

使用colgroup的示例

.colSpecial{
背景颜色：#费用；
}
.冷断层{
背景色：#fff；
边框：1px纯黑；
}
tr：悬停{
背景色：#efe；
}

资料
资料
资料
资料
资料
资料
资料
资料
资料
资料
资料
资料
资料
资料
资料

这个测试仪真的很有帮助。看起来您希望选择9之后的所有内容，因此请使用下面的代码

选择每个TD，前8个除外

.demo tr.selectedRow td:n个孩子（n+9）{
颜色：红色；
}

未选择
未选择
未选择
未选择
未选择
未选择
未选择
未选择
未选择
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
挑选出来的
未选择
未选择
未选择
未选择
未选择
未选择

正如我所说，我不希望在最终的HTML中添加900个类：）（9cols x 100行），但yu肯定能够在cols元素的帮助下添加到列本身？这个想法不错，事实上，比之前的静态背景更简单，但是使用

：hover

事件要困难得多。使用

：before

，但似乎不是最好的解决方案…我一定错过了

：hover

需求，说明了什么？我没有提到它，但使用colgroup是一个缺点。谢谢，看起来不错，但是，如果我不想填充最后两列，例如，该怎么办？有可能吗？.demo tr.selectedRow td:nth last child（1），.demo tr.selectedRow td:nth last child（2）{color:red；}这将选择底部的2，但是没有办法说，从第4列到第8列，而不必同时处理第1-4列和第8-n列，对吗？@Steve:当然有，只要链2

：nth-child（）

s这样组合：

.demo tr.selectedRow td:nth child（n+4）：nth child（-n+8）

这将选择仅在两个范围内的

td

s，只给您第4到8列。请记住

：nth-child（）

和

：nth-of-type（）

对于

td

元素并不总是一样的，因为每行上都可能有基于行的

th

元素。这些将不会影响

td:nth-child（）

计数，但会影响

td:nth-of-type（）

计数，因为它们是不同的元素类型。请注意，W3Schools不是文档，而是