Ergebnis 1 bis 5 von 5

Thema: [CSS] Linkfarbe ändern von class="wichtig"

Hybrid-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1

    [CSS] Linkfarbe ändern von class="wichtig"

    Wie bekomme ich es hin, das bei der Klasse "wichtig" die Links stats (Standartfarbe) Blau/Lila immer Rot sind. Aber nur bei der Klasse "wichtig".

    a.wichtig scheint der Befehl nicht zu sein, wie definiere ich nun um mein Ziel zu erreichen?
    Sprich: Was kommt vor {color:red;}?

    Dennis

  2. #2
    HTML-Code:
    <style>
    a.wichtig:bla = bla;
    </style>
    <a class="wichtig"></a>
    Normalerweise müsste das so sein du darfst nur nicht a:hover machen sondern jedem Link den du machst eine eigene class geben

  3. #3
    Zitat Zitat von fanrpg
    HTML-Code:
    <style>
    a.wichtig:bla = bla;
    </style>
    <a class="wichtig"></a>
    Normalerweise müsste das so sein du darfst nur nicht a:hover machen sondern jedem Link den du machst eine eigene class geben
    Völliger Unsinn. Das ist nicht mal CSS. Korrekt wäre:
    HTML-Code:
    <style type="text/css">
     a.wichtig { color: #ff0000; }
     a.wichtig:hover { color: #ff0000; }
     a.wichtig:visited { color: #ff0000; }
     a.wichtig:active { color: #ff0000; }
    </style>
    Dann hat jeder zu formatierende Link das Format <a href="bla" class="wichtig">bla</a>. Du mußt nicht jedem Link eine andere Klasse zuweisen (das macht man üblicherweise bei IDs).

  4. #4
    Klappt gut, nur wollte ich das in ein <div> reinbatschen. Und da klappt das nicht so wirklich.

    Also: <div class="wichtig">blabla<a>gaga</a></div>
    Also nur bei "wichtig" sollen links rot sein, und texte meinetwegen rösa. *tuff

    Dennis

  5. #5
    Zitat Zitat von dennis_meckel
    Klappt gut, nur wollte ich das in ein <div> reinbatschen. Und da klappt das nicht so wirklich.

    Also: <div class="wichtig">blabla<a>gaga</a></div>
    Also nur bei "wichtig" sollen links rot sein, und texte meinetwegen rösa. *tuff

    Dennis
    HTML-Code:
    <style type="text/css">
     .wichtig { color: #ff7f7f; }
     .wichtig a { color: #ff0000; }
     .wichtig a:hover { color: #ff0000; }
     .wichtig a:visited { color: #ff0000; }
     .wichtig a:active { color: #ff0000; }
    </style>
    Prego.

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •