如何仅使用ItemTemplate为listview行创建交替的背景颜色？

Question

如何仅使用ItemTemplate为listview行创建交替的背景颜色？我不想使用AlternateTemplate,因为每当我想要改变某些东西时,我都必须编辑它们来创建交替的背景颜色.那么我只能使用ItemTemplate来做到这一点？谢谢!

Answer 1

如果您可以将交替颜色视为渐进增强,而不是在所有(旧)浏览器中绝对需要,那么您可以使用CSS第n个子选择器来应用颜色而不更改HTML.

如果您的项目中已经有jQuery(或类似),并且想要一个旧浏览器的解决方案,您可以使用它来选择:odd或:even选择器的每一行.

更新(示例)

假设我们正在使用表行

tr:nth-child(odd) td{  
  background-color: red;  
}

你也可以使用even,2n或2n+1.这对<li>标签同样有效.

更多示例:http://reference.sitepoint.com/css/pseudoclass-nthchild