CSS样式化特定表列的背景色，而不是nth子列。
CSS样式化特定表列的背景色，而不是nth子列。
提问于 2018-03-31 02:52:44
我意识到这个问题已经被问过无数次了，但我似乎无法找到我想要的解决方案，我在想，也许它只是无法实现。
以下使用doctype严格：
我有一张共有八栏的桌子。列1由链接填充。第2-8栏是从星期一开始的一周中的几天，因此：
链接:星期一，，星期二，，
使用原色快速识别：
- 第3栏(Tue)应为背景色:蓝色
- 第5栏(星期四)和第7栏(沙特)应有背景颜色:绿色。
是否有一种方法可以在CSS 全局中定义两列背景颜色样式，从而不需要在CSS之外进行进一步的编码？即。每个表都使用这两种列样式，并且不管向页面添加了多少额外的表，在单个<TABLE>标记中没有其他引用也是必要的。当我了解如何/是否可以实现(包括<thead>和<td>等标记)的基本方法时，我可以发布一些代码。谢谢。
请参阅最新版本的这里
回答 1
Stack Overflow用户
发布于 2018-03-31 03:08:04
只需在单独的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中使用头标记，则可以通过以下方法获得相同的结果
tr:nth-child(1) {background-color: purple;}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49583770
复制相关文章
相似问题
腾讯云开发者
