神奇的css table隔行换色

最近做个页面的时候需要这个,本以为必须要用js了,没想到竟然还找到一个css的方法. 记录一下,以后也许用得着…


最近做个页面的时候需要这个,本以为必须要用js了,没想到竟然还找到一个css的方法.

记录一下,以后也许用得着

<style> 

    tr{ background: #f00;} 
    tr:nth-child(2n){ background: #ccc;} 
    tr{ background-color: expression((this.sectionRowIndex % 2 == 0) ?   "#f00" : "#ccc" );} 

</style>

 


《“神奇的css table隔行换色”》 有 1 条评论

  1. murphy 的头像
    murphy

    怎么看不懂呢?

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

More posts. You may also be interested in.