CSS设置特定表列的背景色样式,而不是第n个子列

CSS设置特定表列的背景色样式,而不是第n个子列,css,Css,我意识到这个问题以前已经被问过无数次了,但我似乎找不到一个解决方案来解决我正在寻找的问题,我想知道这是否就是不能做到的 以下使用doctype strict: 我有一个总共有八列的表。 第1列由链接填充。 第2-8列是从周一开始的一周中的几天,因此: 链接|周一|周二|周三|周四|周五|周六|周日 使用原色进行快速识别: 第3列(Tue)应具有背景色:蓝色 第5列(星期四)和第7列(星期六)的背景色应为绿色 是否有一种方法可以在CSS中全局定义两列背景颜色样式,从而不需要在CSS之外进行进一

我意识到这个问题以前已经被问过无数次了,但我似乎找不到一个解决方案来解决我正在寻找的问题,我想知道这是否就是不能做到的

以下使用doctype strict:

我有一个总共有八列的表。 第1列由链接填充。 第2-8列是从周一开始的一周中的几天,因此:

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

使用原色进行快速识别:

  • 第3列(Tue)应具有背景色:蓝色
  • 第5列(星期四)和第7列(星期六)的背景色应为绿色
是否有一种方法可以在CSS中全局定义两列背景颜色样式,从而不需要在CSS之外进行进一步编码?也就是说,每个表格都使用相同的两列样式,并且无论页面中添加了多少其他表格,都不需要在单个的
标签中进行其他引用?当我了解如何/如果可以实现这一点的基本方法时,我可以发布一些代码(包括
等标记)。多谢各位


请查看最新版本只需在单独的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中使用了AD标记,则可以使用

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

研发。我显然不是这方面的专家,所以我可以问一下:我一直认为第n个孩子与行(而不是列)相关,并且具有二进制特征(这一行白色、这一行黄色、这一行白色、这一行黄色~等等)。第n个孩子不仅可以应用于行。它也可以应用于列。semicodin..我无法理解你第二条评论的含义。但让我解释一下我的说法。通常在做网页时css编码与html分开。因此,如果你这样做,那么你必须将css链接到html中。这种方式实际上非常简洁。你也可以将其嵌入html中。但是,你不能在另一个htmlHere中重复使用该代码。这里有一个我的答案示例。