Hoje foi a prova final desse javascript, já estamos usando ele há algum tempo aqui na agência e ele vem tendo um ótimo desempenho, chegou a um ponto que meu IE6 lê seletores que o IE8 não lê, você poderá usar coisas como:
| Selector type | Pattern | Description |
|---|---|---|
| Seletor para sub string de atributo | E[att^="val"] | Casa com qualquer elemento E cujo valor do atributo att começa com “val”. |
| Seletor para sub string de atributo | E[att$="val"] | Casa com qualquer elemento E cujo valor do atributo att termina com “val”. |
| Seletor para sub string de atributo | E[att*="val"] | Casa com qualquer elemento E cujo valor do atributo att contenha a sub string “val”. |
| Pseudo classe estrutural | E:root | Casa com o elemento raiz do documento. Em HTML o elemento raiz é sempre o elemento HTML. |
| Pseudo classe estrutural | E:nth-child(n) | Casa com qualquer elemento E que seja o n-th (enésimo) filho do elemento pai. |
| Pseudo classe estrutural | E:nth-last-child(n) | Casa com qualquer elemento E que que seja o n-th (enésimo) filho do elemento pai, a contar do último filho. |
| Pseudo classe estrutural | E:nth-of-type(n) | Casa com qualquer elemento E que seja o n-th (enésimo) elemento irmão do seu tipo. |
| Pseudo classe estrutural | E:nth-last-of-type(n) | Casa com qualquer elemento E que seja o n-th (enésimo) elemento irmão do seu tipo, a contar do último filho |
| Pseudo classe estrutural | E:last-child | Casa com qualquer elemento E que seja o último filho do elemento pai. |
| Pseudo classe estrutural | E:first-of-type | Casa com qualquer elemento E que seja o primeiro elemento irmão do seu tipo. |
| Pseudo classe estrutural | E:last-of-type | Casa com qualquer elemento E que seja o último elemento irmão do seu tipo. |
| Pseudo classe estrutural | E:only-child | Casa com qualquer elemento E que seja o único filho do elemento pai. |
| Pseudo classe estrutural | E:only-of-type | Casa com qualquer elemento E que seja o único elemento irmão do seu tipo. |
| Pseudo classe estrutural | E:empty | Casa com qualquer elemento E que não tenha filhos (incluindo os nós de texto). |
| Pseudo classe :target | E:target | Casa com um elemento E que seja o destino da URL. |
| Pseudo classe estado de elemento de UI | E:enabled | Casa com qualquer elemento E de interface de usuário (um controle de formulário) e que esteja habilitado (enabled). |
| Pseudo classe estado de elemento de UI | E:disabled | Casa com qualquer elemento E de interface de usuário (um controle de formulário) que esteja desabilitado (disabled). |
| Pseudo classe estado de elemento de UI | E:checked | Casa com qualquer elemento E de interface de usuário (um controle de formulário) que esteja marcado (checked). |
| Pseudo-elemento fragmentos de elemento de UI | E::selection | Casa com a parte de qualquer elemento E que tenha sido selecionado ou destacado pelo usuário. |
| Pseudo classe negação | E:not(s) | Casa com qualquer elemento E que não case com o seletor simples s. |
| Elemento de combinação irmão em geral | E ~ F | Casa com qualquer elemento F que seja precedido pelo elemento E. |
para que funcione corretamente, limite no html que apenas os IE’s abaixo do 8 leiam esse arquivo com o seguinte código:
