Despite using the following styles to dynamically display alternative colors in my HTML code, I am facing compatibility issues with IE7 and IE8. Surprisingly, everything works perfectly fine on IE9 and above. It seems these styles are not supported by IE7 & 8.
Could someone suggest alternative CSS methods that will function across all versions of Internet Explorer?
table.idclass tbody tr:nth-child(2n) td {
background-color: red;
}
table.idclass tbody tr:nth-child(2n+1) td {
background-color: blue;
}
table.idclass thead tr th:not(.innerclassid):after {
content: "\25C0\25C0";
}