CSS table alternate row doesn't paint in Explorer but works in Mozilla, Chrome and Opera

Question

When I put in css file lines

.properties_table tr:nth-child(even) {background: #CCC;}
.properties_table tr:nth-child(odd) {background: #FFF;}

in Mozilla, Opera and Chrome it looks fine but there it doesn't show in Explorer 8 ( I tested only on IE 8 ). Need to look like this

but looks like this

Does anyone have suggestion ?

Answer 1

nth-child is not supported by IE8: http://caniuse.com/#search=nth-child

Try defining odd and even classes instead and applying the given style to them in your css.