Michael Jendryschik: Klassen bei Pseudo-Formaten?

Beitrag lesen

Ich hab da ein Problem mit CSS. Und zwar habe ich in einer externen Datei die Farben für die einzelnen Zustände der Links (link, visited, hover etc) definiert. Jetzt würde ich aber gerne (nur) im Zustand 'link' zwei verschieden Klassen mit zwei verschiedene Farben haben, d.h. in der einen Klasse, hat der normale Link die Farbe schwarz (da weißer Hintergrund), in der anderen die Farbe weiß (da schwarzer Hintergrund).

Wie soll ich das jetzt anstellen?

a.bezeichner1:link {
     color: black;
     background-color: white;
  }

a.bezeichner2:link {
     color: white;
     background-color: black;
  }

Siehe http://jendryschik.de/wsdev/einfuehrung/css/pseudoklassen.html#linkzustaende.

Bitte versuche, Anker eindeutig als solche zu kennzeichnen. Browser stellen unbesuchte Links standardmäßig unterstrichen und blau dar. Daran haben sich die User im Laufe der Zeit gewöhnt. Jede Abweichung vom Standard führt zu einer Verwirrung beim Besucher. Kurzzeitige Verwirrungen sind: "Ach, hier sind die Links also grün." - "Aah ja, alles was fett ist, ist ein Link." Der Besucher ist zunächst etwas verwirrt, dann aber in der Lage, Links intuitiv auszumachen, sobald er erst einmal verstanden hat, wie diese aufgebaut sind. Schlimm wird es erst, wenn die Verwirrung permanent bestehen bleibt, wenn der Besucher einer Seite also nicht mehr eindeutig und intuitiv ausmachen kann, was ein Link ist und was nicht. Ermöglicht wird das entweder durch mangelnde optische Abhebung der Links zum Fließtext ("Wo geht´s denn nun weiter?") oder durch eine Vielfalt verschieden gestalteter Links, mal unterstrichen, dann wieder nicht, mal rot, dann wieder blau ("Ist das nun ein Link? <ausprobier> Nein. Vielleicht das...?").
(Vgl. [http://www.mywebresource.de/html/guides/hlinks.html])

MI

--
: Michael Jendryschik : michael@jendryschik.de : http://jendryschik.de/ :
: Einführung in XHTML, CSS und Webdesign   http://jendryschik.de/wsdev/ :
: Monatlich das Beste aus de.alt.netdigest http://best-of-netdigest.de/ :