Klassen Attribut wird nicht übernommen

[Industriemeister]

Hallo ich möchte in einem bestimmten DIV und nur dort eine bestimmte Farbe aus einer externen CSS-Datei zuweisen.

HTML-Datei

<div class="back">
         -----------Achtung-----------<br />
         Wenn Sie diesen Text lesen können wurde die Seite nicht komplett aufgebaut.<br />
         Bitte wählen Sie:
                  <a class="back-a" href="index.php">Startseite</a>/
                  <a class="back-a" href="index.php?Bereich=home">Übersicht</a>/
                  <a class="back-a" href="index.php?Bereich=home&Inhalt=ueber-home">Dieser Inhalt</a>
</div>

Ausschnitt aus der CSS-DATEI

.back { color: #DCB8B8;
        font-size: 6px;
        }

.back-a {color: #DCB8B8;}

Die Farben sind sonst andere.
Die Farbe des Textes wird so geändert und die Attribute werden so angezeigt wie gewünscht.
Doch die Farbe des Linktextes wird in den Angaben die normalerweise zugewiesen werden angezeigt.
Und genau das dürfte durch die Klasse "back-a" ja gar nicht sein.

Ich sehe den Fehler nicht, stehe auf dem Schlauch.

 

[Space Vampire]

a.back-a {
   ...
}

 

[mermshaus]

Die Lösung ist viel einfacher und hat mit den beiden Farbdefinition zu tun.

 

[Industriemeister]

Die Lösung ist viel einfacher und hat mit den beiden Farbdefinition zu tun.

Dann bin ich mal gespannt.
Denn auch dies funktioniert bei mir nicht.
Ich sehe die Links immer noch in der "falschen" Schriftfarbe.

Ich hatte ja schon versucht das irgendwie zu kombinieren.
z.B.

.back a { ... } oder
.back.a { .... }

aber da passierte nichts.

 

[mermshaus]

Die Farben sind gleich. ;)

 

[Industriemeister]

Die Farben sind gleich. ;)

Ja... aber die Farbe für den Link wird nicht übernommen sondern eine allgemeine Definition für sonstige Links wird verwendet.
Dies ist aber ein Sonderfall, so wie der Text in der Klasse "back" auch. Dort wird die Sonderfarbe auch wie gewünscht verwendet.

 

[mermshaus]

Oh, na gut. :) Dann ist es wohl doch ein Problem mit der Gewichtung der Regeln.

- SELFHTML: Stylesheets / CSS-Formate definieren / Kaskade - Anwendung von Stylesheets auf Dokumente

Genaueres lässt sich mit den gegebenen Informationen nicht sagen.

Wenn du zum Beispiel die Firebug-Extension für den Firefox installierst, kannst du dort nachsehen, welche Regeln warum auf ein Element angewendet werden.

 

[CEO]

Space Vampire hat dir doch die Lösung gegeben.Damit müsste es doch klappen. du willst ja den Link in der back-a class definieren.also kommt vor dem back-a noch das a vom a href

 

[der_gerrit]

Auch nochmal zum nachschlagen
Selektoren 1
Selektoren 2

 

[Industriemeister]

Oh, na gut. :) Dann ist es wohl doch ein Problem mit der Gewichtung der Regeln.

Wenn du zum Beispiel die Firebug-Extension für den Firefox installierst, kannst du dort nachsehen, welche Regeln warum auf ein Element angewendet werden.

Ich habe dies Add-on nun installiert.
Jedoch kann ich nicht herausfinden wie ich dies nutze oder einstelle. Ich kann über die Add-on Verwaltung scheinbar nicht auf die Einstellungen zugreifen.
Wie sollte ich den dies Add-on standartmässig nutzen können?

 

[Industriemeister]

Fehler gefunden

Es sah so aus als wenn zwingend der ID mitgeliefert werden musste, obgleich dieser eigentlich egal hätte sein müssen.

Nun den...
Danke für Eure Mühe.

 

[vast]

ich schalte mich trotzdem nochmal ein, auch wenns schon gelöst ist.
Die ID sollte nämlich nicht zwingend notwendig sein, wie ich das sehe.

Ich vermute, du hast evtl deine Testlinks alle schonmal angeklickt, und darüber hinaus vergessen, die styles für :visited festzulegen.

a.classname:link,
a.classname:visited,
a.classname:active
{
   ...
}

a.classname:hover,
a.classname:focus {
  ...
}

 

[mermshaus]

Na ja, wenn wir nicht den kompletten Code sehen, kann es alles sein.

 

[Elroy]

Ich habe dies Add-on nun installiert.
Jedoch kann ich nicht herausfinden wie ich dies nutze oder einstelle. Ich kann über die Add-on Verwaltung scheinbar nicht auf die Einstellungen zugreifen.
Wie sollte ich den dies Add-on standartmässig nutzen können?

Indem du einen Rechtsklick auf das Element machst das du untersuchen möchtest und dann aus dem Menü 'Element unetersuchen' auswählst.

Gruss
Elroy

 

[Industriemeister]

Mist... Du hast recht.
In den anderen Browsern funktioniert es teilweise nicht.
Die styles hatte ich extra alle bezeichnet.

Ich kann den kompletten Code leider nicht einfügen da zu lang.
Und leider hackt irgendetwas beim Dialogfeld zum Hochladen.

die oben stehenden werden zum Teil noch von Safari und Chrome verwendet. FF, IE und Opera nicht.

.....
#inhalt a:link { color: #AC5959; /* rgb (172, 89, 89) Mahagoni mit Schatten */
                 font-weight: bold;
                 text-shadow: 2px 2px 3px #000000; /* #8eaeae */
                 filter:Shadow(color=#000000, offx=130, offy=110);
/*               ms-filter: "dropshadow(color=#000000, offx=5, offy=5)"; */
                 outline: none;   /* schaltet den Linkramen aus */
                 }

#inhalt a:visited { color: #BF0000;} /* rgb(191,0,0)  rot */
#inhalt a:focus { color: #339999;}   /* rgb(51,153,204)  hellblau */
#inhalt a:hover { color: #339999;}  /* rgb(51,153,204)  hellblau */
#inhalt a:active { color: #FFFFFF;} /* rgb(255,255,255) weis */

.....


.back { color: #DCB8B8;
        font-size: 1px;
        }

#inhalt a.back:link {color: #DCB8B8; }
#inhalt a.back:visited {color: #DCB8B8; }
#inhalt a.back:focus {color: #DCB8B8; }
#inhalt a.back:hover {color: #DCB8B8; }
#inhalt a.back:active {color: #DCB8B8; }

 

[Industriemeister]

Indem du einen Rechtsklick auf das Element machst das du untersuchen möchtest und dann aus dem Menü 'Element unetersuchen' auswählst.

Gruss
Elroy

Und das steht mir nicht zur Verfügung.
Ist dies hier der richtige Add-on?
CodeBurner - Reference Tool for Web Developers (allerdings in der Version 1.6)

 

[vast]

nee, elroy meinte firebug:
Firebug

dann gehts auch so, wie elroy beschrieben hat.