[CSS] wiele elementów o jednym stylu Opcje

[eccocce]

Cześć,
Mam na stronce wiele elementów, dla których chce zastosować ten sam styl, tylko będzie on się różnić np. kolorem tła. Czyli mam np. #styl { dużo reguł }. W jaki sposób to zrobić tak, żeby nie zaśmiecać całego pliku ze stylami oddzielnymi definicjami dla każdego elementu? Do głowy przychodzi mi dziedziczenie (chyba jest coś takiego w CSS?) - czyli w #styl miałbym wszystkie reguły oprócz koloru tła, który byłby podany w stylu dziedziczącym. No ale to tak sprowadza się do tego, że w .css będę miał np. #styl1, #styl2, ..., #styln dla każdego wariantu w innym kolorze
Pomóżcie

[ADeM]

Możesz zrobić np. coś takiego (podane style są przykładowe):

[HTML] pobierz, plaintext 
.styl {
    font-size: 12pt;
}
 
.czerwony {
    background-color: red;
}
 
.niebieski {
    background-color: blue;
}
[HTML] pobierz, plaintext 

A później w html'u:

[HTML] pobierz, plaintext 
<div class="styl czerwony">styl z tlem czerwonym</div>
<div class="styl niebieski">styl z tlem niebieskim</div>
[HTML] pobierz, plaintext 

Ten post edytował ADeM 8.11.2010, 19:55:52

[pedro84]

Pogrupuj selektory, a potem tylko nadpisz style, te co potrzebujesz.