Klassen "vererben"

[Kalle_Worms]

Hallo,

ich habe Eigenschaften zentral in einer externen CSS- Datei definiert, z.B.:

.color_1 { color:#080 }
.color_2 { color:#f00 }

Nun möchte ich in einem HTML- Dokument ALLEN Zwischenüberschriften eine bestimmte der vordefinierten Klassen zuweisen:

<h3 class='color_1'>...</h3>
...
<h3 class='color_1'>...</h3>

in einem anderen Dokument:

<h3 class='color_2'>...</h3>
...
<h3 class='color_2'>...</h3>

Das ständige Wiederholen der Klasse ist mühsam, ausserdem lassen sich so die Eigenschaften nicht einfach umschalten.

Ich suche eine Möglichkeit, pro HTML- Seite ALLEN <h3> Tags eine der vordefinierten Klasse zuzuweisen:

h3 { --> .color_2 }

Wie geht das ?

LG Kalle

[Candid Dauth]

Hallo du da draußen,

[Allen Elementen einer Art in einem bestimmten Dokument die gleiche CSS-Klasse zuweisen]

Du könntest zum Beispiel deinem body im entsprechenden Dokument eine Klasse oder eine ID zuweisen, und dann per Selektor alle h3s unterhalb bestimmen.

body.spezial h3 { color:#0f0; }

Grundsätzlich solltest du dich also mit Selektoren beschäftigen.

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

[Candid Dauth]

Hallo du da draußen,

Du könntest zum Beispiel deinem body [...]

Selbstverständlich meinte ich nicht deinen Körper, sondern das body-Element in deinem Dokument... ;-)

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

[Kalle_Worms]

Hallo Dogfish,

body.spezial h3 { color:#0f0; }

stimmt, ist eine brauchbare Lösung.

Aber "vererben" kann man CSS- Klassen also nicht?

Kalle

[Gunnar Bittersmann]

Nun möchte ich in einem HTML- Dokument ALLEN Zwischenüberschriften eine bestimmte der vordefinierten Klassen zuweisen:
<h3 class='color_1'>...</h3>
in einem anderen Dokument:
<h3 class='color_2'>...</h3>

Kalle,
Dann leg doch die Farbe in jedem Dokument im lokalen Stylesheet fest:

<style type="text/css">
  h3 { color:#080 }
</style>

Klassen sind dafür nicht notwendig.
Gunnar