用于交替行颜色的 CSS 条件语句（从最后一行开始？）

Question

小装饰问题.. 我正在开发一个基于论坛的网站，其中包含包含页眉和页脚的动态 PHP 表格。我目前有一个 CSS 条件语句，用于交替表格中偶数行和奇数行的背景颜色。

<!-- IF forumrow.S_ROW_COUNT is even-->
   <li class="row" style="background-color:#536482;">
<!-- ELSE -->
   <li class="row" style="background-color:#E0EBB2;">
<!-- ENDIF -->

我的问题是，表格的通用页脚与条件语句中的偶数计数颜色相同，看起来有点奇怪，就像如果页脚与实际页脚颜色相同，它会让页脚看起来比实际更大。最后一行，即表格以偶数行结束。

我的问题是是否可以在条件语句中添加任何内容以使其从表的最后一行开始？那么页脚的最后一行将始终是#E0EBB2。

提前致谢。

Answer 1

您可以只使用 css 伪选择器 nth-last-child ，仅此而已。

尝试一下：

ul li {
   background-color: #536482;
}

ul li:nth-last-child(odd) {
    background-color: #E0EBB2;
}

工作示例此处。

Answer 2

让 PHP 生成样式可能比依赖注释条件更好。在 PHP 脚本中，您还可以对行进行计数，如果是偶数则从某种颜色开始，如果是奇数则从另一种颜色开始。注释条件没有得到广泛或一致的支持。