Eigenschaften vererben

[Candid Dauth]

Hallo du da draußen,

td {color: #0000AA}
td.menue { color: #FF0000; }
td.hauptmenue { font-size: 14px; }
td.untermenue { font-size: 12px; }

Wie kann ich erreichen, dass td.hauptmenue und td.untermenue die Eigenschaften von td.menue erben? (in diesem fall "color: #FF0000;")

Du könntest zum Beispiel deinem Haupt- und Untermenü zwei Klassen auf einmal zuweisen:
<td class="menue haupt">
<td class="menue unter">

Nun kannst du in deinem CSS-Code für die Klasse menue wie gehabt die Textfarbe zuweisen:
td.menue { color:#f00; }

Für Tabellenspalten, die nun der Klasse menue und der Klasse haupt angehören, kannst du die Schriftgröße definieren:
td.menue.haupt { font-size:14px; }

Ebenso für das Untermenü:
td.menue.unter { font-size:12px; }

Wobei ich an deiner Stelle relative Einheiten, wie zum Beispiel em verwenden würde.

Und noch ein Tipp: Eine Tabellenspalte der Klasse ‚Menü‘ hört sich doch schwer nach Tabellenlayout an. Besser du benutzt HTML nur zur logischen Auszeichnung und CSS ausschließlich fürs Design.

Grüße von hier drinnen, aus Biberach an der Riss,
Candid Dauth (Dogfish)