CSS

11 fev, 2010

ie-css3.js: Pseudo seletores CSS3 no Internet Explorer

Publicidade

ie-css3.js é uma biblioteca
JavaScript que permite ao Internet Explorer identificar os
Pseudo-seletores CSS3 e aplicar estilos aos mesmos em sua página. Sua
utilização é muito simples, basta incluir o arquivo JavaScript em sua
página que você já pode começar a utilizar os seletores CSS3.

Requerimentos

Esse script depende do Framework DOM
Assistant
para que funcione corretamente, basta incluí-los no
<head> de sua página:

<head>
<script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script>
<script type="text/javascript" src="ie-css3.js"></script>
</head>

Seletores suportados

Dentre os seletores que agora estarão disponíveis, podemos utilizar
os seguintes:

:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-child, :last-child, :only-child, :first-of-type, :last-of-type, :only-of-type, :empty

Considerações

Por se tratar de uma biblioteca que ainda está em desenvolvimento,
algumas considerações devem ser feitas:

  • As chamadas dos arquivos CSS devem ser feitas através da tag
    <link />, e já dentro dela você pode utilizar @import sem problema
    algum. Estilos inline não funcionam.
  • O arquivo CSS deve estar hospedado no mesmo domínio da página em
    questão.
  • O protocolo file:// não funcionará por questões de segurança.
  • Seletor :not() não é suportado.
  • A emulação não é dinâmica, uma vez aplicado os estilos as
    visualizações no DOM não podem ser feitas.

Esse script é compatível com as versões 5,6,7 e 8 do Internet
Explorer.

*

Publicado originalmente em aNieto2K