Pseudos seletores CSS3 no Internet Explore
9 de março de 2010 por Marcelo Alves
O Internet Explorer ainda da suporte ao CSS3, segundo a Microsoft isso será resolvido nas próximas versões do navegador, como foi publicado em post anterior. Mas, enquanto a nova versão não chega ao mercado precisamos lançar mão de alguns recursos extra-browser para que o Internet Explorer consiga enchergar o CSS3 e os seus Pseudos Seletores.
O ie-css3.js é uma biblioteca JavaScript que auxilia o Internet Explorer nessa tarefa de reconhecer os Pseudos Seletores do CSS3 e aplicar estilos aos mesmos.
Para utilizá-lo é necessário incluir o JavaScript e o Framework Dom Assistant (requerido) em seu código.
Com isso, podemos utilizar seletores como: :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-child, :last-child, 
nly-child, :first-of-type, :last-of-type, nly-of-type, :empty
O ie-css3.js possui algumas particularidades para o seu funcionamento:
- Os estilos inline não funcionam e as chamadas para as folhas de estilos CSS devem ser feitas utilizando a tag
;
- As folhas de estilos CSS devem estar hospedadas no mesmo domÃnio da página;
- O protocolo “file://” não funciona por questões de segurança;
- O seletor :not() não é suportado;
- A emulação não é dinamica, uma vez aplicados os estilos a visualização no DOM não pode ser feita;
- Esse Script é compativel com as versões 5, 6, 7 e 8 do Internet Explorer.
Links:
JavaScript: ie-css3.js
Framework: Dom Assistant
Fonte: Imasters
9 de março de 2010 às 23:41
Olá Marcelo. Recentemente eu publiquei um plugin de uso fácil para escrever os seletores do CSS3 para Internet Explorer. Mais informações: http://www.100loop.com/darlesson/archive/2010/09/09/seletores-do-css3-para-internet-explorer.aspx