Aula 09 – Seletores do CSS 2.1

19 maio, 2009 (13:52) | aulas | Por: admin

Após a exposição acerca dos seletores do CSS 1.0 na aula passada, nosso objetivo hoje é continuar o trabalho com linguagem de seletores.
Desta vez, os seletores que trabalharemos serão os seletores do CSS 2.1.
Tais seletores são aceitos pela maior parte dos navegadores do mercado. Destaca-se, porém, que o Internet Explorer 6 (ie6) não os suporta e existem alguns problemas de compatibilidade em relação ao Internet Explorer 7 (ie7). Felizmente, o ie8 adota o CSS 2.1 como um padrão permitindo, portanto, um uso mais extensivo deste conjunto de seletores.

Assim, uma prática solução que podemos usar para implementar os seletores do CSS 2.1 no Ie6 e resolver alguns problemas do ie7 é o uso de uma biblioteca de “emulação” de recursos como, por exemplo, a ie7-js .Esta biblioteca exige que se use a linguagem JavaScript, desta forma, não é aplicável em todos os cenários.

Para “transformar” seu ie6 em ie7, cole o seguinte fragmento de código no início da página:

<!–[if lt IE 7]>
<script
src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js”

type=”text/javascript“></script>
<![
endif]–>

Se precisar “transformar” seu ie6 e 8 em ie8, cole o seguinte fragmento de código no início da página.

<!–[if lt IE 8]>
<script
src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js” type=”text/javascript“></script>
<![
endif]–>

Independente do uso de qualquer biblioteca,verifique a tabela de compatibilidade para cada seletor em relação aos navegadores.

Segue, a seguir, os exemplos referentes à aula.

A seguir, faça o download da apresentação referente a aula (mirror).

Discover Simple, Private Sharing at Drop.io