nicht angemeldet
Hallo!
Ich möchte drei Tabellen, die jeweils drei verschiedenen CSS-Klassen angehören, dieselbe Hintergrundfarbe geben.
Dabei soll die Hintergrundfrabe in der CSS-Datei nur einmal vorkommen, so dass ich sie nur an einer Stelle zu ändern brauche und nicht in den 3 in Frage kommenden Klassen.
Mein Versuch:
***************************************
<html>
...
<style type="text/css">
<!--
table.klasse1 {...}
table.klasse2 {...}
table.klasse3 {...}
#farbe {background-color: #ff6600;}
-->
</style>
...
<table class="klasse1" id="farbe">
..
<table class="klasse2" id="farbe">
..
<table class="klasse3" id="farbe">
..
</html>
***************************************
Das Problem damit ist, dass der XHTML-Validator es nicht anerkennt, da eine ID-Bezeichnung mehrmals vorkommt (logisch). Bemerkung: Mein HTML soll XHTML1.0-konform sein. Muss ich jetzt die Hintergrundfarbe doch in jeder CSS-Klasse definieren?
Elegant wäre es, wenn man in CSS Variablen definieren könnte, z.B. eben meine Hintergrundfarbe.
Fällt jemandem von Euch vielleicht eine Lösung dazu ein?
Vielen Dank,
- Alex