Abfrage beim a:link

[Andreas]

Hallo

ich habe ein Menü mit MouseOver Effekt gebastelt

a:link{
color:#0069B3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

jetzt möchte ich, wenn ein Link angeklickt wird, das dieser sich farblich von den anderen Links unterscheidet

mit:
a:visited{
background-color:#F9F400;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
klappt das nicht

wie könnte ich das umsetzen?

Danke
Andreas

[Cheatah]

Hi,

wie könnte ich das umsetzen?

in welcher Reihenfolge hast Du die a:* definiert?

Cheatah

[Andreas]

Hi,

wie könnte ich das umsetzen?

in welcher Reihenfolge hast Du die a:* definiert?

Hallo

wie folgt
a:link
a:visited
a:hover.men

bis dann
Andreas

Cheatah

[Cheatah]

Hi,

a:hover.men

was ist das? Meinst Du a.men:hover?[1]

Cheatah

[1] Oder a.men:bruder? ;-)

[Andreas]

Hi,

a:hover.men

Schreibfehler
a:hover

Andreas

was ist das? Meinst Du a.men:hover?[1]

Cheatah

[1] Oder a.men:bruder? ;-)

[AndreasW]

Hi,

Hi,

a:hover.men

was ist das? Meinst Du a.men:hover?[1]

zulässiges CSS2. CSS1 dagegen verlangt, daß die Pseudoklassen am Ende stehen.

Cheatah

Andreas

[Cheatah]

Hi,

a:link
a:visited
a:hover

hm, die Reihenfolge passt; eigentlich sollte der Browser einen visited link anders darstellen. Allerdings verstehe ich nicht, was das ganze mit hover zu tun hat. Vielleicht könntest Du Dein eigentliches Problem noch mal genauer erläutern?

Cheatah

[Andreas]

Hi,

a:link
a:visited
a:hover

hm, die Reihenfolge passt; eigentlich sollte der Browser einen visited link anders darstellen. Allerdings verstehe ich nicht, was das ganze mit hover zu tun hat. Vielleicht könntest Du Dein eigentliches Problem noch mal genauer erläutern?

Also ich möchte wenn ich einen Link angeklickt habe
<a href="xyz.htm" class="men">link</a> das der angeklickte Link das
a:visited.men aussehen erhält.
Wenn es über eine IF-Abfrage geht wüßte ich dann gerne wie?

Script:

a:link.men {
width:130px;
background-color:#0069B3;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
color:#ffffff;
border:1px solid #ffffff;
}

a:visited.men {
width:130px;
background-color:#F9F400;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
color:#000000;
border:1px solid #ffffff;
}

a:hover.men {
width:130px;
background-color:#F9F400;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:center;
color:#000000;
border:1px solid #ffffff;
}

Danke
Andreas

Cheatah

[Cheatah]

Hi,

Also ich möchte wenn ich einen Link angeklickt habe
<a href="xyz.htm" class="men">link</a> das der angeklickte Link das
a:visited.men aussehen erhält.

das wird nicht gehen, weil das keine gültige CSS-Syntax ist. "a.men:visited" wäre richtig.

Wenn es über eine IF-Abfrage geht

"if" ist Programmlogik, und damit mit CSS oder HTML nicht abbildbar.

Script:

Dokument.

Cheatah

[AndreasW]

Hi,

Hi,

a:visited.men aussehen erhält.

das wird nicht gehen, weil das keine gültige CSS-Syntax ist. "a.men:visited" wäre richtig.

Ist gültige CSS2 Syntax. Zitat aus http://www.w3.org/TR/REC-CSS2/selector.html#q2:
A simple selector is either a type selector or universal selector followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, ***in any order***. The simple selector matches if all of its components match.

.klasse zählt in diesem Zusammenhang als attribute selector.
(siehe Abschnitt 5.8 Attribute Selectors, 5.8.3 Class Selectors, gleiche Seite, nur etwas weiter unten)

Cheatah

Andreas

[Cheatah]

Hi,

das wird nicht gehen, weil das keine gültige CSS-Syntax ist.
Ist gültige CSS2 Syntax.

aber keine gültige CSS-das-die-Browser-verstehen-Syntax :-)

Cheatah