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

  • Z时代
  • 2024-01-10
  • 分类：问答

小问题整形问题..我正在开发基于论坛的站点，其中包含包含页眉和页脚的动态PHP表。我目前有一个CSS条件语句，用于交换表格中偶数行和奇数行的背景颜色。用于交替行颜色的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。

在此先感谢。

回答：

您只能使用css伪选择器nth-last-child而已。

试试：

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

工作实例here。

回答：

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

以上是 用于交替行颜色的CSS条件语句（从最后一行开始？） 的全部内容， 来源链接： utcz.com/qa/262946.html

回到顶部