Webmaster Hub > CSS, héritage de Class ?

Version complète: sur le forum Webmaster Hub : CSS, héritage de Class ?

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

francoisch

mardi 9 septembre 2008 à 09:33

Bonjour

Je crée plusieurs boutons de ce genre :

CODE

.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

mardi 9 septembre 2008 à 09:36

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

HTML

CODE

.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)

HTML

CODE

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

francoisch

jeudi 11 septembre 2008 à 18:04

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.