How to get odd/even coloring for IE and Firefox using CSS alone?

Question

I use php for my web project, but I need this coloring complement with CSS alone.

Thus I need code that works in Firefox and internet explorer.

This code is written, but does not work in internet explorer:

.tbl_css col:nth-child(odd){      
}

.tbl_css col:nth-child(even){    
}

Answer 1

Lower versions of IE will not support pseudo-selection.

You can use jQuery to make it work:

$(document).ready(function(){
    $('table tr:even').addClass('even');
    $('table tr:odd').addClass('odd');
});

In CSS simply:

.even{ /* your styles */ }
.odd { /* your styles */ }