Après tests avec Internet Explorer, voilà ce que ça donne :
– Combiner classes et identifiants dans un sélecteur (
[élément]#identifiant.classe ou
[élément].classe#identifiant [1]) ne semble pas poser de problème. Je n'ai pas observé le moindre problème.
– Combiner deux classes pour un même élément pose problème si on veut viser cet élément via la conjonction de ces deux classes. Ainsi, même s'il est théoriquement possible d'écrire
[élément].classe1.classe2, cela pose quelques problèmes.
Voici un petit exemple :
CSS :
.red {background: #f88;}
.blu {background: #88f;}
.blu.red {background: black;}
HTML :
<p class="red">Ceci est un paragraphe</p>
<p class="blu">Ceci est un paragraphe</p>
<p class="red blu">Ceci est un paragraphe</p>
Les deux premiers sélecteurs marchent sans problème. Quant au troisième sélecteur (avec les classes combinées), il a pour effet de donner un fond noir non seulement au troisième paragraphe, mais aussi au deuxième paragraphe.
Pour un sélecteur combiné
.classe1.classe2, il y aurait alors deux possibilités :
– le sélecteur combiné viserait à la fois les éléments ayant parmi leurs classes à la fois "classe1" et "classe2" ;
– le sélecteur serait interprété comme sélectionnant uniquement les éléments ayant parmi leurs classes "classe1". La deuxième classe indiquée serait alors ignorée.
Si quelqu'un a une idée de test pour savoir laquelle des deux possibilités est la bonne ?
Conclusion provisoire : avec IE6, les sélecteurs de type
[élément].classe1.classe2 ne sont pas efficaces : soit pas implémentés et interprétés comme
[élément].classe1[i], soit mal implémentés et interprétés à la fois comme [i][élément].classe1.classe2 ET comme
[élément].classe1.
À noter bien sûr que les navigateurs récents (versions récentes de Konqueror, Firefox, Opera…) ne présentent pas ce défaut d'implémentation.
----
[1] Les crochets autour de « élément » indiquent que la mention de l'élément visé est optionnelle).[/i][/i]
Modifié par mpop (03 Jul 2006 - 00:23)