html - 我有更短的方法来编写这段代码吗？

Question

我正在为表格设计样式，并且正在使用各种first-child,nth-child和last-child声明，如下所示：

.thankYouTable tbody tr td:first-child, 
.thankYouTable tbody tr td:nth-child(4),
.thankYouTable tbody tr td:nth-child(6),
.thankYouTable tbody tr td:nth-child(7),
.thankYouTable tbody tr td:nth-child(8) 
{
   border-right:1px solid #fff;
}

我有办法缩短这种语法吗？它只是出于好奇，因为我不得不这样做很多，它使样式表非常“混乱”。虽然我能理解，但其他人可能需要更长的时间才能破译这一点。是否有做这种事情的“最佳实践”，或者我做的还可以吗？（意识到这可能是主观的，所以请随意不回答这部分）。

例如，这不起作用：

.thankYouTable tbody tr td:first-child, 
.thankYouTable tbody tr td:nth-child(4),(6),(7),(8)
{
   border-right:1px solid #fff;
}

我在这里谈论的是纯 CSS，而不是使用任何类型的脚本。

Answer 1

我能看到你缩短它的唯一方法是使用等式：
[..]
.thankYouTable tbody tr td:nth-child(4), //fourth element
.thankYouTable tbody tr td:nth-child(n+6) //每个元素之后（包括第 6 个元素
）[..]