[CSS:] Vererbung von Klasseneigenschaften

[maceis]

hallo zusammen,

ich suche gerade nach einer Möglichkeit, die Eigenschaften einer Klasse auf eine andere Klasse zu Vererben.
Am besten ich erkläre mit einem Beispiel, was ich meine:

img.bilder {
    border: 2px inset silver; 
}

.left {
    border: 4px ridge silver; 
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

Es gibt also eine Klasse Bilder für img Elemente.
Nun möchte ich, dass ich z.B. "<img class="left" [...]>" (oder class"bilder.left" etc.) verwenden kann, und das entsprechende Image auch die Eigenschaften von "img.bilder" und von ".left" erhält.

Wie mach ich das am einfachsten?
Hab schon ein bisschen rumgesucht, aber nicht wirklich was brauchbares gefunden.

 

[starbuxx]

hi maceis,

ich versteh' schon was du willst. hmmm bin mir nicht sicher wie das zu lösen ist. aber spontan wuerde ich sagen: vielleicht mittels pseudoklassen?

kanns aber grad nicht ausprobieren.
hierist ein beispiel.

gruesse,
sbx

 

[master_p]

mach's doch so:

<span class="bilder"><img class="left"></span>

Natürlich etwas schöner und XHTML-konformer

 

[dms]

Ist zwar keine Vererbung im eigentlichen Sinne, aber reicht wohl für Deine Zwecke: Du kannst Klassen auch kombinieren:

class="bilder left"

 

[maceis]

Danke dms; genau das hatte ich gesucht.
Ich hatte versucht "class=bilder.left", "class=bilder class=left" und sowas.
Das es so einfach ist, da muss man erst einmal drauf kommen .

 

[starbuxx]

class="bilder left"

das ist echt zu einfach. sehr cool. danke fuer den tip!