Suporte CSS para nth-child() no Internet Explorer 8

Em navegadores modernos, o elemento CSS nth-child() é comumente empregado para obter efeitos de listras de zebra em tabelas. No entanto, essa funcionalidade está notavelmente ausente no Internet Explorer 8. Veja como resolver essa limitação:

Abordagem Polyfill:

Selectivizr é um polyfill estabelecido que estende efetivamente a capacidade do Internet Explorer Suporte CSS. Ao implementar o Selectivizr, você pode utilizar nth-child() em seus estilos CSS.

Sem Polyfills:

O suporte do Internet Explorer 8 para o seletor first-child apresenta uma oportunidade de emular a funcionalidade nth-child():

/*li:nth-child(2)*/
li:first-child   li {}

Essa abordagem permite especificar estilos para o segundo elemento li, imitando efetivamente o comportamento de nth-child(2).

Limitações:

Embora esse truque de emulação funcione para seletores simples como nth-child(2), ele é insuficiente ao lidar com expressões mais complexas, como nth-child(2n 1) ou enésimo filho (ímpar). O Internet Explorer 8 não tem a capacidade de replicar a funcionalidade diferenciada desses seletores.