Html 表中只有一列的奇偶行？

我正在使用表格在网页上显示数据

现在我用奇数偶数让行交替颜色。但是，我将冻结表的第一列，并让其余的列向左和向右滚动

此时，向左滚动的列显示在冻结列下。如果我对冻结列中的单元格应用背景色，则向左滚动时不再显示的列将真正隐藏

我使用td:nth-child1调用第一列的单元格

问题是我使用的是交替行颜色，因此将背景颜色指定给td:nth-child1会使第一行中的所有单元格颜色相同

是否可以将奇数和偶数添加到第n个孩子呼叫

如果有一种方法，我想使用一种更好的方法，而不仅仅是将类分配给第一列中的每个单元格

注：添加我的代码2018年12月2日

旁边的桌子{ 宽度：800px； 溢出-x：滚动； } table.sidebyside th:n-child1，table.sidebyside td:n-child1{ 宽度：300px！重要； 位置：绝对位置； } table.sidebyside th:n-child2，table.sidebyside td:n-child2{ 左侧填充：300px！重要； } 旁边的桌子{ 背景色：4b91ea； 高度：63px； } 表1.旁边的td:N-child1奇数{ 背景色：fff； } table.sidebyside tr:n个孩子偶数>td:n个孩子1{ 背景色：rgba0,0,0,05； } 青铜高免赔额 银HMO 黄金PPO低 黄金PPO Med 分数： 95 77 32 24 实际成本： $4,7772.32 $6,024.81 $8,194.55 $8,194.55 保险费： $2,400.00 $3,100.00 $3,956.00 $3,956.00 服务费用： $1,575.00 $2,239.00 $2,983.00 $2,983.00 药物费用： $797.32 $927.32 $1,198.46 $1,198.46 个人免赔额： $3,350.00 $3,850.00 $4,250.00 $4,250.00 个人自付最高限额： $6,350.00 $6,850.00 $7,050.00 $7,050.00 家庭免赔额： $6,650.00 $6,950.00 $7,200.00 $7,200.00 家庭自付最高限额： $12,900.00 $13,900.00 $15,400.00 $15,400.00 共同保险： 20% 20% 30% 30% 共付： $25.00 $30.00 $40.00 $40.00 普通药房： $20.00 $35.00 $45.00 $45.00 药房品牌： $40.00 $45.00 $60.00 $60.00 药房非首选： $60.00 $70.00 $80.00 $80.00 一般邮购： $60.00 $80.00 $90.00 $90.00 邮购品牌： $80.00 $90.00 $100.00 $100.00 邮购非首选： $120.00 $140.00 $175.00 $175.00 均匀使用

而且是零用的

此外，始终更喜欢使用要应用css的确切子体，以避免样式表选择任何无效的html标记。

正是我试图实现的目标

旁边的桌子{ 宽度：800px； 溢出-x：滚动； } .sidebyside th:n-child1、.sidebyside td:n-child1{ 宽度：300px！重要； 位置：绝对位置； } .旁边的th:n-child2，.旁边的td:n-child2{ 左侧填充：300px！重要； } .肩并肩{ 背景色：4b91ea； 高度：63px； } .并排tr:N儿童偶数>td:N-child1{ 背景色：fff； } .侧边tr:N-childodd>td:N-child1{ 背景色：f7fafa； } 青铜高免赔额 银HMO 黄金PPO低 黄金PPO Med 分数： 95 77 32 24 实际成本： $4,7772.32 $6,024.81 $8,194.55 $8,194.55 保险费： $2,400.00 $3,100.00 $3,956.00 $3,956.00 服务费用： $1,575.00 $2,239.00 $2,983.00 $2,983.00 药物费用： $797.32 $927.32 $1,198.46 $1,198.46 个人免赔额： $3,350.00 $3,850.00 $4,250.00 $4,250.00 个人自付最高限额： $6,350.00 $6,850.00 $7,050.00 $7,050.00 家庭免赔额： $6,650.00 $6,950.00 $7,200.00 $7,200.00 家庭自付最高限额： $12,900.00 $13,900.00 $15,400.00 $15,400.00 共同保险： 20% 20% 30% 30% 共付： $25.00 $30.00 $40.00 $40.00 普通药房： $20.00 $35.00 $45.00 $45.00 药房品牌： $40.00 $45.00 $60.00 $60.00 药房非首选： $60.00 $70.00 $80.00 $80.00 一般邮购： $60.00 $80.00 $90.00 $90.00 邮购品牌： $80.00 $90.00 $100.00 $100.00 邮购非首选： $120.00 $140.00 $175.00 $175.00

---

嗨，Chris，你们能不能把你们当前的CSS和HTML的一个片段包括进来，这样我们就可以看到你们实际的代码环境是什么？您可能可以将类应用于要隐藏的单个列，但我们需要查看您的代码才能确定答案。欢迎使用堆栈溢出！寻求调试帮助的问题应包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请看：。@TylerH-我已经在原始帖子中添加了我的代码。我不确定我是否遵循了你的要求。你是说像这样的？我接受了你所做的，并将其修改为：这就是我试图实现的。bootstrap的table striped已经做到了这一点。这是我刚刚在更新的帖子中输入的代码，你没有&39；不要在你的问题中提到你正在使用引导。问题是如何用原生css处理它。

table tr td:nth-child(even) 

table tr td:nth-child(odd)