CSS-Style-Vererbung

Question

Sagen wir, ich möchte 2 Stile definieren.

Gibt es eine Möglichkeit, dass ich den Stil h1 den color_red Stil erben kann? Ich will nicht

<div class="banner color_red">This is my banner.</div> 

ich zu tun haben, würde es vorziehen, um so etwas zu tun ...

.banner { ... inherit: color_red; } 
... 
<div class="banner">This is my banner.</div> 

Und habe das Banner rot Text hat.

Answer 1

Sie haben zu schreiben:

 
.color_red, .banner { color: Red; } 
.banner { display: block; width: 100%; } 

Answer 2

Nein, es gibt keine Möglichkeit dies direkt zu tun, besser Formatdefinitionen zu teilen:

.color_red, 
.banner 
{ 
    color: red; 
} 

aber ich, dass Sie darauf hinweisen, möchte Ich nähere mich dem Problem aus der falschen Richtung. Ihr Aufschlag sollte unabhängig vom Stil sein und sollte den Stil in der Entwicklung ideal führen. Dies bedeutet, dass die Definition von .color_red ein ernstes Problem ist, weil es nichts über die Semantik des Aufschlags aussagt und wie groß das Problem ist, mit dem Sie konfrontiert werden, wenn Sie dieses bisschen Aufschlagblau stylen müssen?

Weit besser Ihr Aufschlag zu ermöglichen, wie dies zu existieren:

<div class="banner highlight">I am a banner AND I am highlighted!</div> 

unterstützt von:

<style> 
.highlight 
{ 
    color: red; 
} 

.banner 
{ 
    display: block; 
    width: 100%; 
} 
</style>