Internet Explorer 6 (urgh) et CSS - l'application de plusieurs classes à un style

Question

Je voudrais savoir comment bien Internet Explorer 6 interpréter les éléments suivants:

p img.blue, p img.red { 
    border:(purple) 1px solid; /* (Please ignore any style errors) */ 
} 

Ce que je suis intéressé par l'application de plusieurs classes au même style. Je sais que IE6 n'interprète pas correctement ce qui suit:

p img.blue.red { 
    border:(purple) 1px solid; /* (Please ignore any style errors) */ 
} 

Est-ce que quelqu'un en sait un peu à ce sujet? Cordialement et TIA.

// edit:

S'il vous plaît noter, je me renseigne sur le premier bloc de code.

Answer 1

IE interprète

p img.blue, p img.red {/ * * /} correctement

, en appliquant les styles contenus à img éléments avec class = "blue", qui sont les enfants d'éléments p, ou éléments img avec classe = "rouge" qui sont des enfants de p éléments.

IE ne comprend pas appliquer p img.blue.red, il ne le style p img.red

Answer 2

Je vais citer Ryan Brill:

IE6 ne comprend pas la chaîne des classes au sein d'un sélecteur CSS, mais lit plutôt que la dernière classe

• http://www.ryanbrill.com/archives/multiple-classes-in-ie/