Comme déjà évoqué, les commentaires conditionnels ne sont interprétés que par Internet Explorer ; il est donc
nécessaire de concevoir la feuille de style de référence pour tous les autres navigateurs et d'en prévoir une, ou plusieurs,
spécifiquement pour IE qui sera appelée ensuite. Bien évidemment, seuls les sélecteurs nécessaires seront spécifiés dans
ces feuilles de style spécifiques.
A partir de l'exemple du début, nous pouvons définir, par exemple, les feuilles de style ci-dessous.
Pour tous les navigateurs (default.css?201208241130"stylesheet" type="text/css"
href="default.css?201208241130" />
<!-- Pour les versions d'Internet Explorer
inférieures à
5.5 -->
<!--[if lt IE 5.5000]>
<link rel="stylesheet" type="text/css"
href="old_IE.css?201208241130" />
<![endif]-->
<!-- Pour les versions d'Internet Explorer
supérieures ou égales à 5.5 -->
<!--[if gte IE 5.5000]>
<link rel="stylesheet" type="text/css"
href="recent_IE.css?201208241130" />
<![endif]-->
</HEAD>
<BODY>
<DIV class="titre">class="opacityHalf"</DIV>
<DIV class="opacityHalf">
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed non risus. Suspendisse
lectus tortor, dignissim
</p>
</DIV>
</BODY>
</HTML>
Avec un code propre et organisé, le résultat est sans appel :
