Factoriser les couleurs en css

Version imprimable

08/09/2005, 11h00
kitov

Factoriser les couleurs en css

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

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

Code:

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

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

1 2 3 .macouleur { color: green; /* ou color: #00FF00; */ }
Dans ton fichier HTML entre <body> et </body> :
Code:

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 !

08/09/2005, 11h08
Oluha

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

je vois pas trop comment faire par contre
08/09/2005, 11h10
Romalafrite

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

Sinon, tout simple :

Code:

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 {
  ...
}

08/09/2005, 14h13
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 :

Citation:

.couleur{
color: green;
}

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

Est-ce que cela existe ?
Merci
09/09/2005, 10h31
Romalafrite
Citation:

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 :

Citation:

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

1 2 3 table form input { ... }
par exemple c'est pour dire j'agis sur le input du form du table
09/09/2005, 15h09
seb55555

Ok, je te remercie.