[CSS] przypisanie stylu do innego

Mam taki kod CSS:
.g{font-weight:bold;color:9797FF;}
.c0 {background-color:#500000;}
.c1 {background-color:#640000;}
.c2 {background-color:#780000;}
.c3 {background-color:#8C0000;}
.c4 {background-color:#A00000;}
.c5 {background-color:#B40000;}
.c6 {background-color:#C80000;}
.c7 {background-color:#DC0000;}
.c8 {background-color:#F00000;}
.c9 {background-color:#FF0505;}
.c10{background-color:#FF1919;}
.c11{background-color:#FF2D2D;}
.c12{background-color:#FF4141;}
.c13{background-color:#FF5555;}
.c14{background-color:#FF6969;}
.c15{background-color:#FF7D7D;}
.c16{background-color:#FF9191;}
.c17{background-color:#FFA5A5;}

i chcialbym aby styl g zawieral sie w cXX.

Mogłbym robić tak ale to nie ma sensu powtarzać:
.c0 {background-color:#500000; font-weight:bold;color:9797FF;}
.c1 {background-color:#502000; font-weight:bold;color:9797FF;}
.c2 {background-color:#500020; font-weight:bold;color:9797FF;}
...

Stwórz ogólny styl dla elementu, który chcesz tą klasą opatrzyć. Na przykład:

div {text-weight: bold}
div.c1 {background-color: #FFFFFF}
div.c2 {background-color: #00FF00}
...

Wtedy jak zastosujesz coś takiego:

<div class="c1">Tekst</div><div class="c2">Teskt 2</div>

To będziesz miał wszystko jak chcesz pokolorowane, a jednocześnie wszystkie będą pogrubione.

niestety nie moge w HTMLa ingerować

musze zroibć to tylko na poziomie CSSa

bo style sa przypisane do paru tysiecy komórek i zadne inne sposoby nie wchodza w gre...chbya ze ktos to jeszce zoptymalizuje :

fragment htmla:

<td class="g cB">94</td><td class="g cA">97</td></tr><tr class="a"><td><a href="javascript:h('AAAA')">AAAA</a></td><td>211205</td>
<td>4.5</td><td>4.6</td><td>4.44</td><td>4.57</td><td>6621</td><td>0</td>

<td class="g cD">81</td><td class="g cK">48</td><td class="g cS">6</td><td class="g cZ">29</td></tr><tr class="b"><td><a href="javascript:h('BBBB')">BBBB</a></td><td>211205</td><td>45</td>
<td>45</td><td>44.7</td><td>44.9</td><td>153053</td><td>0</td>
<td class="g cE">80</td><td class="g cN">35</td>