Factoriser les couleurs en css

**kitov** · 08/09/2005, 12h00

Bonjour

Je sais que l'on peut maais je sais pas comment... comment fait t'on pour definir une seule fois les couleurs dans une feuille css et pourvoir les utiliser de partout apres dans cette feuille. Genre je change la couleur une fois dans la feuille css au lieu de la changer dans toutes les definitions de mes styles...

**Romalafrite** · 08/09/2005, 12h06

Dans ta page HTML entre <head> et </head> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="style.css" />

Dans un fichier "style.css" du même répertoire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.macouleur {
  color: green; /* ou color: #00FF00; */
}

Dans ton fichier HTML entre <body> et </body> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p class="macouleur">Mon texte avec ma couleur</p>
<div class="macouleur">Autre texte avec ma couleur</div>
<span class="macouleur">Si tu change la valeur de "color" ça change la couleur partout !!!</span>

Bon courage !

**Oluha** · 08/09/2005, 12h08

romalafrite à mon avis tu ne réponds pas à la question là

je vois pas trop comment faire par contre

**Romalafrite** · 08/09/2005, 12h10

Ah oui ok, effectivement, faut utiliser les inherit et tout, mais je sais pas si c'est pas du CSS2 ça...

**Romalafrite** · 08/09/2005, 12h13

Sinon, tout simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
a, .macouleur, #monid, p {
  color: green;
}
 
a {
  mes autres spécifications
}
 
.macouleur {
   (...)
}
 
#monid {
  ...
}

**seb55555** · 08/09/2005, 15h13

Salut,
je souhaite moi aussi faire ce genre de chose pour mutualiser des attributs comme la couleur par exemple. Le code que tu (Romalafrite) propose correspond tout a fait à ça mais je voulais simplement savoir s'il n'y avait pas une solution plus proche de la notation objet. Exemple :

.couleur{
color: green;
}

.element heriteDe couleur{
height: ...
...
}

Est-ce que cela existe ?
Merci

**Romalafrite** · 09/09/2005, 11h31

Envoyé par seb55555

Salut,
je souhaite moi aussi faire ce genre de chose pour mutualiser des attributs comme la couleur par exemple. Le code que tu (Romalafrite) propose correspond tout a fait à ça mais je voulais simplement savoir s'il n'y avait pas une solution plus proche de la notation objet. Exemple :

.couleur{
color: green;
}

.element heriteDe couleur{
height: ...
...
}

Est-ce que cela existe ?
Merci

Non, ya du inherit (voir le post it de ce forum : CSS2), mais c'est plus compliqué

quand on fait du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part