À propos des sélecteurs multi-catégories CSS sous IE6

Comment écrire des sélecteurs multi-catégories. Par exemple :

​#my.c1.c2 { couleur:rouge;}
​.c1.c2 { couleur:rouge;}

La méthode d'écriture ci-dessus est prise en charge par les navigateurs tels que IE7+/FF/Opera/Safari.

Mais dans IE6, ce dernier nom de classe écrasera le nom de classe précédent. En d'autres termes, l'exemple ci-dessus est compris par IE6 comme :

. ​#my.c2 { couleur:rouge;}
​.c2 { couleur:rouge;}

De même :

​#my.c1.c2.c3 { couleur:rouge;}
IE6 le comprend comme #my.c3 {color:red;}
​.c1.c2.c3 { couleur:rouge;}
IE6 le comprend comme .c3 { color:red }

Par conséquent, lorsque vous utilisez plusieurs classes à combiner pour obtenir des effets CSS pendant le développement, faites attention à ce problème dans IE6. La meilleure façon est de ne pas utiliser de combinaisons de classes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!