CSS - Vererbung

[Matthias]

Hi zusammen,

ich möchte gern folgendes Problem lösen, ich hab eine php-Klasse, die einen Kalender aufbaut, einmal in einer sidebar und einmal im content Bereich.
Sie liefert den Kalender in Form eines Strings zurück den ich dann ausgebe.

Mein Problem:
Da ich nicht diverse Fallunterscheidungen in der Klasse haben möchte, würde ich gern anhand des ersten div-Containers festlegen welche styles geladen werden.

Wenn das erste div die id="sidebarcalendar" enthält, sollen spezielle css Klassen geladen werden, wenn die id="contentcalendar" ist, sollen andere geladen werden.

BEISPIEL: sidebarcalendar

<div id="sidebarcalendar">

<div class="headline">Januar 2008</div>

<div class="weekheadline">Mo</div>
   <div class="weekheadline">Di</div>
   ...
   <div class="weekheadline">So</div>

<div class="day">Mo</div>
   ...
   <div class="day">Fr</div>
   <div class="weekend">Sa</div>
   <div class="weekend">So</div>

</div>

BEISPIEL: contentcalendar

<div id="contentcalendar">

<div class="headline">Januar 2008</div>

<div class="weekheadline">Mo</div>
   <div class="weekheadline">Di</div>
   ...
   <div class="weekheadline">So</div>

<div class="day">Mo</div>
   ...
   <div class="day">Fr</div>
   <div class="weekend">Sa</div>
   <div class="weekend">So</div>

</div>

Wie ihr seht, möchte ich die Kindelemente (headline,weekheadline,day,weekend) gleich benennen, damit in die php Klasse möglichst nicht mehr eingegriffen werden muss...

Kann man bei css in der Form id.klasse{} "ableiten", also z.B. wenn ich

#contentcalendar.headline
{
   color:#000000;
}

#sidebarcalendar.headline
{
   color:#ffffff;
}

sage, werden dann die unterschiedlichen Styles benutzt?

Irgendwie gibt es da soviel im Netzt, dass ich aus nichts mehr richtig schlau werde...

Wäre super, wenn mir jmd nen Tipp geben könnte, ob und wie man sowas realisiert :o)

vg, matthias