How to make Internet Explorer 8 to support nth child() CSS element?
I want to give a zebra stripe effect to my table rows. In all other browsers it can be done using CSS nth child element. But i want to do it IE 8 also. SO how can i do it?
Answer
With polyfill : Selectivizr is good enough.
Without polyfill: As IE8 supports first-child you can trick this to support nth-child in iE8 i.e
/*li:nth-child(2)*/
li:first-child + li {}/*Works for IE8*/
Although we cannot emulate complex selectors i.e nth-child(2n+1) or nth-child(odd) for IE8.