Qual web designer nunca teve que trabalhar horas a mais em um arquivo CSS por causa do nosso queridíssimo Internet Explorer? Então com certeza, você sabe o que é ou pelo menos já ouviu falar em Conditional Comments, certo?

Tudo começa pelo fato que cada versão do Internet Explorer (IE), interpreta o CSS de uma determinada maneira, o que pode ocasionar do design que está OK em browsers como Firefox, Opera e Safari por exemplo, ser exibido de uma forma totalmente “zoneada” no IE. Os Conditional Comments, são comandos, ou melhor, são TAGs reconhecidas apenas pelo IE do Windows. Estes comandos são utilizados para dar instruções espefícos apenas para o IE. Os Conditional Comments são suportados a partir da versão 5 e basicamente são empregados para definir um CSS específico para cada versão do IE que o web designer desejar.
A estrutura básica de um Conditional Comment é a seguinte:

<!--[if IE 6]>   Intruções que serão interpretadas apenas pelo Internet Explorer 6 <![endif]–>

Algumas informações importantes sobre os Conditional Comments:1 - Sua estrutura é muito parecida com os comentários utilizados em códigos HTML (<!– –>). Todos os outrso browsers vão interpretar este comando como um comentário comum, ignorando-o.2 - Os Conditional Comments utilizam a estrutura de TAGs do padrão HTML, sendo assim, só podem ser utilizadas em arquivos HTML (php. asp,cfmaspx,etc.) e não direto no CSS. Exemplificando. Você pode utilizar este recurso como o código abaixo:

<!--if[IE 6]> <!– Se o browser for  Internet Explorer 6–><link id=”css1″ href=”css/ie6.css” type=”text/css” rel=”stylesheet”> <![endif]–>

<!--if[IE 7]> <!– Se o browser for  Internet Explorer 7–> <link id=”css1″ href=”css/ie7.css” type=”text/css” rel=”stylesheet”> <![endif]–>

Mas não poderá utilizá-lo como o exemplo abaixo:

Arquivo de exemplo main.css:span {padding:10px 5px 10px 5px; margin:0;}<!–if[IE 7]>span {padding:0; margin:0;}<![endif]–>

3 - Como o Internet Explorer permite apenas uma versão do software instalado no computador, muitos recorrem a um programa chamado Multipe IE, que permite a instalação de todas as versões do Internet Explorer na mesma máquin. Caso você utilize este programa, vale saber que os Conditional Comments serão interpretados apenas para a última versão de IE instalado na máquina, ou seja, você não conseguirá testar as diferenças de cada versão neste computador.Abaixo segue uma lista bem completa de algumas possibilidades envolvendo Conditional Commets:

<p><!–[if IE]>    Instruções apenas para o Internet Explorer<br />    <![endif]–>    <!–[if IE 5]>    Instruções apenas para o Internet Explorer 5<br />    <![endif]–>    <!–[if IE 5.0]>    Instruções apenas para o Internet Explorer 5.0<br />    <![endif]–>    <!–[if IE 5.5]>    Instruções apenas para o Internet Explorer 5.5<br />    <![endif]–>    <!–[if IE 6]>    Instruções apenas para o Internet Explorer 6<br />    <![endif]–>    <!–[if IE 7]>    Instruções apenas para o Internet Explorer 7<br />    <![endif]–>    <!–[if gte IE 5]>    Instruções apenas para o Internet Explorer 5 ou superior<br />    <![endif]–>    <!–[if lt IE 6]>    Instruções apenas para versões inferiores ao Internet Explorer 6<br />    <![endif]–>    <!–[if lte IE 5.5]>    Instruções apenas para o Internet Explorer 5.5 ou versões anteriores<br />    <![endif]–>    <!–[if gt IE 6]>    Instruções apenas para versões superiores ao Internet Explorer 6<br />    <![endif]–>  </p>

PSC.gt = greater than - superior agte = greater or equal - superior ou igual alt - less than - inferior alte - less than or equal - inferior ou igual a Este tutorial foi baseado nas informações contidas no Blog: http://www.quirksmode.org