[resolu]Reprendre plusieurs styles dans un même div.

Bonjour,

j'aimerais savoir comment faire pour attribuer à une même div plusieurs styles en même temps.

A supposer que j'ai dans ma feuille de style :

#red{
color:red;
}

#blue{
color:blue;
}

Comment faire pour que la div prenne en même temps les 2 ?
<div class="red & blue"> ?
<div class="red" class="blue"> ?

Là, c'est 2 classes, mais ca serait pour en mettre vraiment beaucoup, évidemment.
L'intéret étant de se passer de la création d'un 3e style
ou alors, qu'il reprenne les noms des 2 précédents.

Merci par avance,
Nico
Modifié par Anonymus (08 Apr 2008 - 15:32)

bonsoir,

tout simplement :

.red {...}
.blue {...}
.autre_class {...}

et

class=" red blue autre_class"

Plusieurs nom de class peuvent être attribué , il suffit de les indiqué avec au moins un espace entre chacun des noms.

GC

Et ne pas oublier d'utiliser le contexte si c'est pertinent:

p {margin: .5em 0; color: black;}
p.important {margin: 1em 50px; font-weight: bold;}
div#article p.important {font-weight: normal; color: purple;}
etc.

Salut,

Par contre dans le cas que tu propose :

#red{
color:red;
}

#blue{
color:blue;
}

Si tu attribue les deux classes à un élément, il n'appliquera que la dernière des propriétés données dans l'ordre de la feuille de style. Ainsi, comme tu spécifie deux fois "color", seule la deuxième sera appliquée.

L'exemple donné est vraiment bateau, par contre les poss. sont infinies

Bon, génial, ca m'aurait étonné que ca n'existe pas, mais je ne l'ai vu nulle part.. ( ou alors je n'y ai pas fait attention, p'tete aussi..)
Merci bcp, en tout cas

++,
Nico.