Thomas J.S.: Vererbung von Eigenschaften

Beitrag lesen

Hallo Stefan!

So einfach verhält es sich leider nicht. Ich möchte innerhalb von selbstdefinierten Elementen weitervererben, ungefähr so:

.vorlage {
  font-family:Arial;
  font-weight:bold;
  margin-top:12px;
  ...
}

Dieses Style wird selbst nie eingesetzt, dient aber als Vorlage für weitere Styles:

.speziell1 extends .vorlage {
  font-size:24pt;
}

.speziell2 extends .vorlage {
  font-size:18pt;
}

Umgekehrt würde es gehen:

.vorlage {
  font-family:Arial;
  font-weight:bold;
  margin-top:12px;
  ...
}

.vorlage .speziell {
font-size:18pt;
}

Du muss aber die Klasse .vorlage irgendwo bei einem übergeordneten Element anwenden sonst wird die Verschachtelung
.vorlage .speziell  nie gültig werden können.

Grüße
Thomas