Klein Stefan: Verschiedene Link-Angaben für Classes

Guten Mittag

Sorry für den wahrscheinlich etwas nichtsaussagenden Betreff. Nehmen wir an ich habe in einer externen CSS-Datei folgendes definiert:

.box {
  irgendwelche CSS-Angaben
}
a {
  irgendwelche CSS-Angaben für allgemeine Links
}

HTML-Datei als Beispiel (vereinfacht):

<body>
<a href="bla.html">Allgemeiner Link</a>
<div class="box">
Beispielstext. Und jetzt noch ein <a href="bla.html">Link</a>
</div>
</body>

Nun müsste der Link im Div-Tag anders Aussehen als die allgemeinen Links. Ich versuche es so zu lösen:

.box.a {
  irgendwelche CSS-Angaben
}

Das funktioniert aber nicht? Ist die Syntax nicht korrekt?

Ich habe mich bei SelfHTML unter CSS und Pseudoformate erkundigt, aber nichts gefunden, bzw. gut genug gesucht.

Es freut sich des Lebens
Klein Stefan

  1. hallo,

    .box.a {
      irgendwelche CSS-Angaben
    }

    Das funktioniert aber nicht? Ist die Syntax nicht korrekt?

    probier mal

    a.box
    {
      irgendwelche CSS-Angaben
    }

    Ich habe mich bei SelfHTML unter CSS und Pseudoformate erkundigt, aber nichts gefunden, bzw. gut genug gesucht.

    letzteres

    ciao

    1. probier mal

      a.box
      {
        irgendwelche CSS-Angaben
      }

      Danke. Funktioniert zwar immer noch nicht, liegt aber wohl daran, dass ich zuviel Rucksäcke hatte.

      Es freut sich nicht mehr so des Lebens
      Klein Stefan

      1. Hallo,

        konnte jetzt nicht deuten ob dein Problem schon geklärt war, falls nicht, hier nochmal der schon im Ansatz aufgeführte Gedanke:

        a.box  {css-Angaben für Link}
        a.box:visited {css-Angaben für Link}
        a.box:active {css-Angaben für Link}
        a.box:hover {css-Angaben für Link}

        Statt .box kannst du weitere Klassen definieren:

        a.box1  {css-Angaben für Link}
        a.box1:visited {css-Angaben für Link}
        a.box1:active {css-Angaben für Link}
        a.box1:hover {css-Angaben für Link}

        und somit unendlich viele verschiedene Links gestalten. Das wären jetzt schon mal zwei verschiedene Links.

        Hoffe das hilft, falls nicht schon geklärt :o)
        Gruß Micha

        probier mal

        a.box
        {
          irgendwelche CSS-Angaben
        }

        Danke. Funktioniert zwar immer noch nicht, liegt aber wohl daran, dass ich zuviel Rucksäcke hatte.

        Es freut sich nicht mehr so des Lebens
        Klein Stefan

  2. Hallo Stefan,

    Nun müsste der Link im Div-Tag anders Aussehen als die allgemeinen Links.

    da sollte http://selfhtml.teamone.de/navigation/faq.htm#abweichende_verweisfarben helfen

    .box.a {

    ersetzte den zweiten Punkt mal durch ein Leerzeichen (oder verpass dem zweiten Link auch ein class="")

    Grüße aus Nürnberg
    Tobias

    --
    sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
    (Selfcode -> http://emmanuel.dammerer.at/selfcode.html)