Html CSS选择器-确定从最后一个子项开始的偶数/奇数子项

仅使用CSS，是否有方法从最后一个子元素开始应用偶数/奇数计数，然后返回到第一个子元素？我不能在这个项目中使用JavaScript；这适用于从Silverpop数据库生成的电子邮件

我有一个表格，有几行需要交替背景色。这些行是从数据库生成的，因此它们的编号范围为3到6行。最后一行总是需要是白色的，因为紧随其后的是一个背景为灰色的表格，我不能让最后一行是灰色的。对于那些不支持E:n类型的电子邮件客户端，我将有一个后备方案

tr:n类型（偶数）{grey}适用于3行：

<table>
<tr></tr> (white)
<tr></tr> (grey)
<tr></tr> (white)
</table>

（白色）
（灰色）
（白色）

tr:n类型（偶数）{grey}对4行不起作用：

<table>
<tr></tr> (white)
<tr></tr> (grey)
<tr></tr> (white)
<tr></tr> (grey)
</table>

（白色）
（灰色）
（白色）
（灰色）

是，

：nth-last-of-type（）

就是为了这个目的而存在的：

tr:nth-last-of-type(even)

但是，对于不支持CSS选择器的浏览器和电子邮件客户端，没有一种方法可以提供回退。您需要让应用程序将类名添加到相应的行中，并由该类指定目标。如果您无法修改应用程序，那么您可能会被卡住。

查看MDN，似乎就是您想要的

tr:nth-last-of-type(even) {background-color: gray}

---

您试过最后一种类型的

了吗？谢谢是的，我们被卡住了。退一步说，我打算让它们全是白色的。在生成电子邮件之前，它无法添加任何功能来计算面板数量，然后添加类。你可以使用border bottom作为后备方案吗？@Jennifer Michelle:他正在尝试应用背景而不是边框。