simplification css

[Mado]

bonsoir

comment simplifier cela svp merci

quand on a des #div avec les memes caracteristiques on sépare par des virgules

div1,#div2 { proprietes 1; etc}

mais la je dois faire comment?

la y'a que le background-color qui change

h1.comptine{

color: #0066cc;

font-size: 1.2em;

margin-left:100px;

text-align: center;

padding : 5px;

background-color: #55f9a2;

width : 650px;

}

h1.jeux{color: #0066cc;

font-size: 1.2em;

margin-left:100px;

text-align: center;

padding : 5px;

background-color: #FAD455;

width : 650px;}

merci

marie

[mee2]

Mh, le plus court est définir les même propriétés pour les deux, puis de changer le background-color du second h1 ensuite (donc, après dans la CSS) :

h1.comptine, h1.jeux
{
	color: #0066cc;
	font-size: 1.2em;
	margin-left:100px;
	text-align: center;
	padding : 5px;
	background-color: #55f9a2;
	width : 650px;
}

h1.jeux
{
	background-color: #FAD455;
}

Tu peux aussi faire comme ça, c'est (un peu) plus long mais c'est plus clair :

h1.comptine, h1.jeux
{
	color: #0066cc;
	font-size: 1.2em;
	margin-left:100px;
	text-align: center;
	padding : 5px;
	width : 650px;
}

h1.comptine
{
	background-color: #55f9a2;
}

h1.jeux
{
	background-color: #FAD455;
}

[MaximuS]

C'est plus clair et plus perein pour l'avenir, s'il devait ajouter autre chose que 'jeux' et 'comptines'

[Mado]

donc la suffit de mettre un espace entre les deux

oki merci bien

bonne journée