[CSS] regrouper des valeurs communes

Version imprimable

bonjour,

je vous pose la question car je n'arrive pas a trouver meme si je me doute qu'elle doit etre quelque part.

Etant débutant en CSS, je souhaiterai regrouper des valeur commune à différente class tout en gardant leur spécificité.

Exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 div.coucou{ width:250px; border-style: solid; border-width: 1px; text-align:center; background-color:#FFFFCC; } div.essai{ width:250px; border-style: solid; border-width: 1px; text-align:center; background-color:#AAAAAA; }
deviendrai:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 commun{ width:250px; border-style: solid; border-width: 1px; text-align:center; } div.coucou{ background-color:#FFFFCC; } div.essai{ background-color:#AAAAAA; }
Merci d'avance

Nixonne

[CSS] valeurs communes

Tu peux faire quelque chose comme ceci pour résoudre ton problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
div.coucou, div.essai{ 
width:250px; 
border-style: solid; 
border-width: 1px; 
text-align:center; 
} 
 
div.coucou{ 
background-color:#FFFFCC; 
} 
 
div.essai{ 
background-color:#AAAAAA; 
}

20/08/2005, 00h21
francis m

mais la solution de xmarabout est sur le fond pareille à la tienne
et je te rassure (ou pas du tout), il n'y en a pas vraiment d'autre
j'ai déjà essayé et je voulais faire la même chose, jamais de résultat vraiment probant

Re: [CSS] valeurs communes

Citation:

Envoyé par xmarabout

Tu peux faire quelque chose comme ceci pour résoudre ton problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
div.coucou, div.essai{ 
width:250px; 
border-style: solid; 
border-width: 1px; 
text-align:center; 
} 
 
div.coucou{ 
background-color:#FFFFCC; 
} 
 
div.essai{ 
background-color:#AAAAAA; 
}

En effet, c'est la solution.

Ou alors:

Code:

1
2
3
4
5
6
7
8
9
10
11
div.coucou, div.essai{ 
width:250px; 
border-style: solid; 
border-width: 1px; 
text-align:center; 
background-color:#FFFFCC; 
} 
 
div.essai{ 
background-color:#AAAAAA; 
}

qui fonctionnera exactement pareil.

Salut,

Il est aussi possible d'indiquer plusieurs noms de classes dans le code html.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
div.commun{
width:250px;
border-style: solid;
border-width: 1px;
text-align:center;
}
 
div.coucou{
background-color:#FFFFCC;
}
 
div.essai{
background-color:#AAAAAA;
}

Code:

1
2
<div class="commun coucou">Hello World</div>
<div class="commun essai">Lorem ipsum ...</div>

28/08/2005, 03h49
francis m

ilood,

c'est bien comme proposition
sais-tu si cela fonctionne pour tous les navigateurs ?