bgcolor for alternative rows in a table dynamically using CSS

Question

How to give two different bgcolor for alternative rows in a table dynamically using CSS.

I don't want to use jQuery for solving this problem.

Answer 1

Use :nth-child() pseudo class

tr:nth-child(odd){
    background-color:green
}
tr:nth-child(even){
    background-color:yellow
}​

DEMO

Here is few more selector example.