Klassen bei Pseudo-Formaten?

[Ingo Müller]

Hallo!

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? Mir wäre es am liebsten, wenn ich die Formatierung in die externe Datei schreiben könnte; direkt Formatierung für das einzelne Element oder andere Lösungen sind mir natürlich auch recht.

Vielen Dank schon mal im Voraus...

MfG, Ingo Müller

[Utz]

Hallo,

a:link {...}
a:hover {...}
a:active {...}

usw. gilt für alle a-Elemente.

Mit a.klassenname:link würdest Du ein Element, das so definiert ist, ansprechen: <a href="..." class="klassenname">...</a>

Wenn Du a.klassenname:hover usw. _nicht_ definierst, wird statt dessen die allgemeine Definition von a.hover: verwendet.

Grüße,

Utz

[MudGuard]

Hi,

Hallo!

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).

a:link { color:black; }
a.Klasse:link { color:white; }
a:visited { color:maroon; }
a.Klasse:visited { color:yellow; }
a:focus, a.Klasse:focus { color:green; }
a:hover, a.Klasse:hover { color:fuchsia; }
a:active, a.Klasse:hover { color:purple; }

Reihenfolge NICHT ändern...
(Farbwerte nur, wenn's sein muß ;-) )
cu,
Andreas

[Ingo Müller]

a:link { color:black; }
a.Klasse:link { color:white; }
a:visited { color:maroon; }
a.Klasse:visited { color:yellow; }
a:focus, a.Klasse:focus { color:green; }
a:hover, a.Klasse:hover { color:fuchsia; }
a:active, a.Klasse:hover { color:purple; }

Danke!

Genau so hats geklappt. Ich hab mir in SelfHTM alles dazu durchgelesen und nichts gefunden. Dann hab ich unter anderem oben genannte Lösung ausprobiert. Allerdings hatte ich vorher schonmal auf den Link geklickt und nicht daran gedacht, dass der ja dann visited war; und daher unter visited auch nichts geändert. Jetzt bin ich gott-sei-dank draufgekommen.

Vielen Dank an auch alle!!!

Ingo Müller

[Michael Jendryschik]

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