Rotate background color without using for-each

Question

I am trying to set the background color of every other I am not using a for-each loop since I am using a few templates to filter data based on the nodes

Answer 1

You could do this in CSS by using :nth-child([even/odd]) :

tr:nth-child(even) td {
    background-color: #fff;
}
tr:nth-child(odd) td {
    background-color: #ccc;
}

However, this will not work on older browsers.