CSS样式化特定表列的背景颜色NOT nth-child

Question

我意识到这已被问过一百万次，但我似乎找不到我想要寻找的解决方案，而且我想知道它是否也不可能完成。

以下使用doctype strict：

我有一个总共有八列的TABLE。 第1列由链接填充。 第2-8列是从星期一开始的星期几，因此：

链接|星期一| 星期二 |星期三| 星期四 |星期五| 星期六 |周日

使用原色进行快速识别：

• 第3列（星期二）应具有背景颜色：BLUE
• 第5列（周四）和第7列（周六）应具有背景颜色：绿色

有没有办法在CSS 全局中定义两列背景颜色样式，以便不需要在CSS之外进行进一步编码？即。 每个 表都使用相同的两个列样式，无论在页面中添加多少个附加表，都不需要在单个<TABLE>标记本身中进行其他引用？我甚至可以通过基本方法了解如何/如何实现这一点（包括<thead>和<td>等标签），我可以发布一些代码。谢谢。

请参阅最新修订版HERE

Answer 1

只需在单独的css中键入以下行并将其添加到您的html

即可

td:nth-child(3) { background-color: blue; }
td:nth-child(5),td:nth-child(7) { background-color: green; }

3,5和7是列号

如果要为表标题行使用单独的颜色

thead{ background-color:purple; }

（将表头背景颜色变为紫色。）如果你在html中使用了thead标签，否则你可以使用

获得相同的结果

tr:nth-child(1) {background-color: purple;}