[CSS:] Vererbung von Klasseneigenschaften

maceis

Aktives Mitglied
Thread Starter
Mitglied seit
24.09.2003
Beiträge
16.878
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:
Code:
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

Aktives Mitglied
Mitglied seit
13.04.2003
Beiträge
1.456
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

Aktives Mitglied
Mitglied seit
31.01.2005
Beiträge
1.070
mach's doch so:
Code:
<span class="bilder"><img class="left"></span>
Natürlich etwas schöner und XHTML-konformer ;)
 
D

dms

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

class="bilder left"
 

maceis

Aktives Mitglied
Thread Starter
Mitglied seit
24.09.2003
Beiträge
16.878
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 ;).
 
Oben