• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

用于交替行颜色的CSS条件语句(从最后一行开始?)

css 来源:rumspringa00 9次浏览

小问题整形问题..我正在开发基于论坛的站点,其中包含包含页眉和页脚的动态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。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)