Deux styles dans un seul id [résolu]

Bonjour,

j'ai un soucis :

je pensais qu'on pouvait écrire :

<div id="page bleu">mon contenu</div>

et que dans ce cas, le bloc prenait les propriétés du style #page et du style #bleu
mais ce n'est pas le cas...

cela fonctionnera t'il mieux en utilisant des .class au lieu de #id ?

que faut-il faire ?

(je ne voudrais pas faire deux blocs pour ne pas alourdir mon code...)
Modifié par via-Bourgogne (19 Sep 2006 - 10:48)

via-Bourgogne a écrit :
Bonjour,

j'ai un soucis :

je pensais qu'on pouvait écrire :

<div id="page bleu">mon contenu</div>

et que dans ce cas, le bloc prenait les propriétés du style #page et du style #bleu
mais ce n'est pas le cas...

cela fonctionnera t'il mieux en utilisant des .class au lieu de #id ?

que faut-il faire ?

(je ne voudrais pas faire deux blocs pour ne pas alourdir mon code...)

Salut, en effet, c'est bien avec les class que ce genre de manip fonctionne.
ID doit être unique, et un élément ne peut avoir qu'un ID

Donc, <div class="page bleu">...</div>

Tu peux aussi combiner class et id
<div id="page" class="bleu">...</div> ce qui peut être plus logique dans certains cas et plus pratique (un ID a plus de poid dans la cascade CSS et est utilisable directement par JavaScript par exemple)

Pour terminer, il est déconseillé d'utiliser des noms de class/id basés sur le style à appliquer, mais préférer sur la fonction. Imagine dans 2 mois, tu veux que ta page devienne rouge, tu auras un .bleu { background: red; }, avoue que c'est perturbant

++

Merci beaucoup, voilà ce que j'appelle une vraie réponse complète !