CSS, héritage de Class ?

[francoisch]

Bonjour

Je crée plusieurs boutons de ce genre :

.bouton_vert  { width: 140px; height: 100px;  color: green; ...; }
.bouton_bleu { width: 140px; height: 100px;  color: blue; ... ;}

où seule la couleur change.

Est-il possible de faire plus simple en faisant « hériter » les boutons suivant des propriétés du premier bouton en dehors de la couleur ?

Par avance merci de votre aide.

Francois

[captain_torche]

Bien sûr ! Tu peux mettre plusieurs class à un élément, en les séparant par des espaces.

<input type="button" class="bouton vert">
<input type="button" class="bouton bleu">

.bouton { width: 140px; height: 100px;}
.vert	 { color: green:}
.bleu	 { color: blue;}

Si tu le peux, tu peux aussi appliquer le même CSS à tous tes input (attention, ça impactera également tes champs de saisie)

<form id="form_boutons">
<input type="button" class="vert">
<input type="button" class="bleu">
</form>

#form_boutons input { width: 140px; height: 100px;}
.vert	 { color: green:}
.bleu	 { color: blue;}

[francoisch]

Merci de ta réponse claire et détaillée Captain.

Je n'imaginais pas qu'une Class pouvait être nommée de deux mots, chacun ayant ses propriétés.

Comme tous mes Buttons sont à chaque fois dans une table, je peux aussi reprendre ton second exemple.

Merci encore, j'ai du boulot pour faire toutes mes modifs mais ça vaut toujours le coup de faire propre.

Francois