optymalizacja kodu CSS Opcje

[yavaho]

W stylach mam takie bloki jak w tym kodzie ponzej tylko ze jest ich o wiele wiecej a roznia sie miedzy soba tylko jednym parametrem: w tym przypadku tłem. Jak mozna taki kod zoptymalizowac? Mozna to zapisac w inny sposob i dziedziczyc tylko te parametry ktore sie powtarzaja?

Kod

.xxx01 {
background:#CCCCCC url('images/xxx01.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx02 {
background:#CCCCCC url('images/xxx02.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx03 {
background:#CCCCCC url('images/xxx03.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}

[zalew]

.xxx01,.xxx02,.xxx03 {
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx01 {
background:#CCCCCC url('images/xxx01.png') no-repeat;
}
.xxx02 {
background:#CCCCCC url('images/xxx02.png') no-repeat;
}
.xxx03 {
background:#CCCCCC url('images/xxx03.png') no-repeat;
}

[yavaho]

Dzieki wlasnie o to chodzilo.
Dlaczego takich przykladow nie mozna znalezc w kursach CSS?

[wassago]

bo to jest logiczne
to tak jak bys definiowal wyglad bloku w tagach "<style></style>" a np. szerokosc juz w "<div style="width: 100px"></div>" -no po prostu logiczne