[CSS] Vererbung verhindern

[alcaeus]

Hallo allerseits,

ich habe ein kleines Problem mit CSS. Ich definiere folgende Gruppe ziemlich am Anfang meines Dokuments:

Code:

table.forumline th
{
  background-color:#069;
  background-image:url(images/cellpic3.gif);
}

Wenig spaeter kommt das:

Code:

table.quote th
{
  background-color:#D1D7DC;
}

Mein Problem ist nun folgendes: der Code hat eine Tabelle der Klasse quote verschachtelt in einer Tabelle der Klasse forumline:

Code:

<table class="forumline">
  <tr>
    <td>
      <table class="quote">
        <tr>
          <th>Foobar</th>
        </tr>
      </table>
    </td>
  </tr>
</table>

Alle Eigenschaften, die ich fuer "table.forumline th" gesetzt habe, werden auch an "table.quote th" vererbt. Wie kann ich das verhindern? Es sieht hier kurz aus, aber da ist ein ganzer Rattenschwanz von Einstellungen, und ich hab keinen Bock die alle zu ueberschreiben :(
Kann ich also auswaehlen, welche Eigenschaften vererbt werden sollen und welche nicht?

Greetz
alcaeus

PS: und jetzt bitte keine Diskussionen zu Tabellen und Layout, sonst kommt die Trollklatsche. Der Code den ihr hier seht ist stark vereinfacht; es geht naemlich darum Daten in Tabellenform darzustellen ;)

[S2B]

Normal ist so etwas mit CSS ohne Probleme möglich, nur spielen da leider der IE6 und ein paar andere "ältere" Browser nicht mit:

Code:

table.forumline>th
{
  background-color:#069;
  background-image:url(images/cellpic3.gif);
}

Dieser Code gilt dann nur für th's, die eine Stufe unter einer Tabelle mit der Klasse forumline stehen.

[alcaeus]

Joa, wichtig ist eben, dass es z.B. auch in IE6 funktioniert :?

Greetz
alcaeus

[S2B]

Zitat:

Zitat von alcaeus

Joa, wichtig ist eben, dass es z.B. auch in IE6 funktioniert :?

Hmm, dann kenne ich nur die Überschreibungs-Methode...