Simplifacation du code CSS...

Version imprimable

Bonjour...

Pour mon site, j'ai un fichier CSS appelé par chacuen des pages.

En voici un extrait...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
p.noir
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  background-color: transparent;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}
 
p.bleu
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: blue;
  background-color: transparent;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}
 
p.vert
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: green;
  background-color: transparent;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}
 
p.rouge
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: red;
  background-color: transparent;
  margin-left: 5px;
  margin-right: 5px;
}

Existe-t'il un moyen de faire plus simple et aussi moins lourd en poids ?

Merci d'avance...

10/03/2006, 14h08
AlphaYoDa
Salut
tu peux regrouper tout les attributs communs dans :
Code:

1 2 3 p.noir, p.bleu, p.vert, p.rouge { .. }

Merci du conseil. Mais alors, comment faire pour séparer l'attribut différent (font-color) ?

Faire quelque chose du genre...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
p.noir, p.bleu, p.vert, p.rouge 
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
  font-size: 12px; 
  background-color: transparent; 
  margin-left: 5px; 
  margin-right: 5px; 
} 
 
p.noir { color: black; } 
 
p.bleu { color: blue; } 
 
p.vert { color: green; } 
 
p.rouge { color: red; }

C'est autorisé ?

10/03/2006, 17h37
AlphaYoDa

exactement oui ;)
10/03/2006, 17h40
fabreizhad

Je vais donc simplifier ç atout de suite et vopir combien de vais gagner...

Au débat : 815 lignes et 22 ko...
A l'arrivée : ???

Merci beaucoupde ton aide AlphaYoDa...