✔ Ist eine Vererbung der Styles im CSS möglich?

[dsolianyi]

Hallo!

Also ich glaube, dass der Überschrift schon alles aussagt, aber um meine Frage zu verdeutlichen:

Angenommen, ich besitze drei Styles.

.class1 {
    color: black;
    font-family: Verdana;
    font-size: 11px;
}

.class2 {
    color: red;
    font-family: Verdana;
    font-size: 11px;
}

.class3 {
    color: green;
    font-family: Verdana;
    font-size: 11px;
}

ich kann es auch vereinfachen, indem ich folgendes schreibe:

.class1 {
    color: black;
    font-family: Verdana;
    font-size: 11px;
}

.class2 {
    color: red;
}

.class3 {
    color: green;
}

Ich weiss aus der OOP, dass es sowas wie "Vererbung" gibt.
Dabeei übernimmt das Kind-Element (Child-Element) alle Eigenschaften des Eltern-Elements (Parent-Element). Die Eigenschaften werden dann - falls nötig - angepasst.

Nun meine Frage: geht sowas auch in CSS? Innerhalb einer CSS-Datei (z.B. mit @import oder ähnliches)?

Wer wüsste da was?

Danke vorraus!

Mit freundlichen Grüßen
SOLIANYI Dmitri

 

[Gumbo]

Bei CSS gibt es nur wenige Eigenschaften, dessen Eigenschaftswerte voreingestellt vererbt werden (vgl. CSS-Vererbung). So etwa die color-Eigenschaft.
Dein zweites Stylesheet wäre nur dann sinnvoll, wenn den Elementen zwei Klassen zugeordnet würden, etwa „class1“ und „class2“ oder „class1“ und „class3“.

 

[Matthias Reitinger]

Hallo,

Vererbung in dem Sinne, wie du es dargelegt hast, gibt es bei CSS meines Wissens nach nicht. Wenn mehrere Klassen im Grunde die selben Eigenschaften haben, sich aber nur in einigen unterscheiden, verfahre ich meistens so:

.class1,
.class2,
.class3 {
    color: black;
    font-family: Verdana;
    font-size: 11px;
}

.class2 {
    color: red;
}

.class3 {
    color: green;
}

Vielleicht ist das aber auch das, was du mit dem zweiten Ausschnitt meintest.

Grüße,
Matthias