Marc: Mehrere verschachtelte Klassen

Ich habe folgendes Problem: Ich brauche folgendes:

Alle Links sind in Schriftgröße 0.99em

Die einen sind blau, die anderen Orange

Jeweils ein orangener und ein blauer sind mit jeweils einem eigenen Hintergrundbild. Die Hintergrundbilder sollen per margin oder padding jeweils einige Pixel vor dem eigentlichen Link stehen. Außerdem haben die Hintergrundbilder verschiedene Größen

kann ich da irgendwie die Klassen ineinander verschachteln, quasi so:
(nur rudimentär aufgeführt, ich weiß jetzt die Farbcodes nicht genau):

a {font-face:verdana,...;font-size:0.99em}

a.orange {color:#<orange>}

a.blau {color:#<blau>}

a.blau.bild1 {background-image:url(...);background-repeat:...}
a.orange.bild1 {background-image:url(...);background-repeat:...}

  1. Hallo,

    es geht, aber nicht ganz so, wie du das moechtest. Du kannst die Klassen in diesem Falle nicht verschachteln, aber kumulieren, so:

    <a class="blau bild1">Verweistext</a>

    im CSS

    a.blau {color: blue}
    a.bild1 {die Angaben, die es halt so braucht}

    Gruß, Uschi

    1. Hallo,

      es geht, aber nicht ganz so, wie du das moechtest. Du kannst die Klassen in diesem Falle nicht verschachteln, aber kumulieren, so:

      <a class="blau bild1">Verweistext</a>

      im CSS

      a.blau {color: blue}
      a.bild1 {die Angaben, die es halt so braucht}

      Gruß, Uschi

      Achso - alles klar , vielen Dank

  2. Hi,

    Alle Links sind in Schriftgröße 0.99em

    warum nicht 1em?

    a.orange {color:#<orange>}

    auch wenn Du die Farbcodes nicht genau weißt:
    a.einSinnvollerKlassenname {color:orange;}

    und: a.einSinnvollerKlassenname.bildKlassenname {}
    selektiert Elemente, für die beide Klassen angegeben sind - wo ist nun Dein Problem?

    freundliche Grüße
    Ingo

    1. Hi,

      Alle Links sind in Schriftgröße 0.99em
      warum nicht 1em?

      a.orange {color:#<orange>}
      auch wenn Du die Farbcodes nicht genau weißt:
      a.einSinnvollerKlassenname {color:orange;}

      und: a.einSinnvollerKlassenname.bildKlassenname {}
      selektiert Elemente, für die beide Klassen angegeben sind - wo ist nun Dein Problem?

      freundliche Grüße
      Ingo

      mit a.klasse1.klasse2 das hatte ich schon probiert. Es geht leider nicht..

      Aber der Tipp von Uschi scheint zu funktionieren.. Trotzdem danke schön