Erstell mal einen CSS Tag für td (Schriftfarbe, Größe usw.)
für deine "Verschachtelungen".:D
Dann sollte es besser funktionieren.
Danke für den Tip. Aber das ist ja genau das, was ich vermeiden will. Ich habe es bisher über eine globale CSS-Regel für font-Elemente gelöst. Das funktioniert auch soweit erstmal. Das Problem dabei ist nur, wenn ich relative font-größen wie "larger" oder "smaller" verwenden will muss ich konstrukte machen wie
<font>
<font style="font-size: larger;">
bla
</font>
</font>
damit "larger" sich auch auf die richtige Größe (sprich auf das extra font-Element) bezieht. Auch wenn ich es mit der globalen Regel für td-Elemente mache, muss ich ja immer eine Tabelle um jeden Text legen, den ich so formatiert haben will, wie global definiert. Das ist sicherlich häufig overkill.
Im Firefox kann man das sehr gut über den DOM-Inspector kontrollieren. Denn da kann man sich anzeigen lassen welche Regeln in welcher Reihenfolge gelten.
Leider stimmt das nicht so ganz in diesem Fall. Man kann sich zwar anzeigen lassen, welche Regeln in welcher Reihenfolge für einen bestimmten tag-Namen definiert wurden, allerdings müsste ich in diesem Fall ja die CSS-Regeln für den Text selbst an einer bestimmten Stelle im Dokument auslesen können. Und das gibt der DOM-Inspector leider nicht her, wenn ich mich nicht irre.
Ich habe mal ein kleines Beispiel vorbereitet, an dem ihr mein Problem erkennen können müsstet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body
{
font-size: x-large;
color: green;
}
.smaller
{
font-size: smaller;
}
.larger
{
font-size: larger;
}
</style>
</head>
<body>
erwartungsgemäß "x-large"<br/>
<font class="smaller">eine Nummer kleiner als "x-large"</font><br/>
<div>
ist auch noch "x-large"<br/>
<font class="smaller">auch noch korrekt: eine Nummer kleiner als "x-large"</font><br/>
</div>
<table>
<tr>
<td>
falsch! das hier sollte auch "x-large" sein.<br/>
<font class="larger">auch falsch! das sollte noch eine Nummer größer sein als "x-large".</font><br/>
</td>
</tr>
</table><br/>
<body>
</html>
gruß,
Qudus
Edit:
Im Übrigen werden alle anderen Eigenschaften, so weit ich es überblicke, korrekt wir im Standard angegeben vererbt. Wenn man also mein Beispiel folgendermaßen modifiziert, werden alle Texte grün:
...
body
{
font-size: x-large;
color: green;
}
...