[Résolu] Image de fond dans une div multi classe

Bonsoir
J'ai des div dans une page qui ont la forme

<div class="droite fond couleur"> ...</div>

Cela fonctionne bien si j'ai défini dans ma feuille de style des paramètre indépendants pour ces 3 classes:

    .droite {float:right;}
    .fond {background-image: url('monimage.png';}
    .couleur {color:red;}

J'ai bien le résultat désiré: si je mets

<div class="droite fond">...</div>

j'obtiens un texte noir avec l'image de fond désirée dans une div cadrée à droite.
SI je mets

<div class="droite fond couleur">...</div>

j'ai la même div avec le texte en rouge.

Par contre j'aimerais pouvoir dire que la combinaison "fond couleur" me donne une image de fond différente.
Je ne me souviens plus la façon d'exprimer cette syntaxe:
si je dis

div.fond .couleur{background-image:url('monautreimage.png'}

c'est compris comme "un élément de classe "couleur" dans un élément de classe "fond", et non pas comme "un élément ayant à la fois la classe "fond" et la classe "couleur".
Quelqu'un connait il cette syntaxe?

Merci de votre aide
JP
Modifié par PapyJP (19 Mar 2014 - 08:55)

salut,
il faut juste enlever l'espace

div.fond.couleur {}

Merci beaucoup.
C'est étonnant que je n'aie pas trouvé de doc sur le sujet.
Il est vrai que d'une part peu de gens connaissent et utilisent les classes multiples, et que d'autre part il était tard, je n'avais peut être plus les yeux en face des trous!