28220 sujets

CSS et mise en forme, CSS3

Salut,

j'ai dans une css 3 styles qui donnent des attributs à 3 blocs (div). Les blocs sont identiques (texte, couleur...) SAUF le background.
J'ai rassemblé mes 3 styles sous cette forme pour ne pas avoir 3 codes séparés, et donc ainsi optimiser ma css :

div.rub1, .rub2, .rub3 {
border: 1px solid #996B2B;
float: left;
...
}

Mais comment donner un background différent à rub1, rub2 et rub 3 maintenant ? Est-il possible d'éviter de faire 3 codes séparés comme
div.rub1 { ... }
div.rub2 { ... }

Merci pour votre aide, je suis novice ! Smiley confused
Il suffit de créer des classes :
.crub1 { ... }
.crub2 { ... }


Puis de déclarer :
<div id="rub1" class="crub1"></div>