:visited für unterschiedlichen Links geht nicht
0 0 
Patrick Andrieu
0
:visited für unterschiedlichen Links geht nicht
Zwei unterschiedlich Links sind definiert. Der eine Standard Link soll nach dem er besucht wurde seine Farbe ändern (klappt). Der zweite soll es nicht (klappt nicht). Dieser nimmt immer die a:visited Definition vom Standardlink an. Wie bekomme ich es hin, dass der zweite Link eine eigene :visited Reaktion zeigt?
a:link { color: #9F9F9F; text-decoration: none; }
a:visited {color: #4F4F4F; text-decoration:none; }
a:hover {color: #9F9F9F; text-decoration:underline; }
a:active {color: #DF0000; text-decoration:underline; }
a#extlink:link { color: #4F4F4F; text-decoration:none; }
a#extlink:visited { color: #4F4F4F; text-decoration:none; }
a#extlink:hover { color: #9F9F9F; text-decoration:underline;}
a#extlink:active { color: #DF0000; text-decoration:none; }
1. <a class="extlink" href="bla.htm
2. <a class="extlink" href="http://www.
-
hi,
Zwei unterschiedlich Links sind definiert. Der eine Standard Link soll nach dem er besucht wurde seine Farbe ändern (klappt). Der zweite soll es nicht (klappt nicht). Dieser nimmt immer die a:visited Definition vom Standardlink an. Wie bekomme ich es hin, dass der zweite Link eine eigene :visited Reaktion zeigt?
In dem du den richtigen Selektor wählst.
a#extlink
Das selektiert ein A-Element mit der ID "extlink".
Deine gezeigten Links haben keine solche ID.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo wahsaga!
Das selektiert ein A-Element mit der ID "extlink".
Deine gezeigten Links haben keine solche ID.Mit anderen Worten: Du hast keine Idee! Du hast Klasse!
Viele Grüße aus Frankfurt/Main,
Patrick -
Deine gezeigten Links haben keine solche ID.
Da habe ich bei all den Versuchen eine falsche Zusammenstellunge gepostet. Ist klar, dass es nur so gehen könnte:
1. a:visited { color: #ff00ff; text-decoration:none; }
2. a#extlink:visited { color: #DF0000; text-decoration:none; }1. <a href="bla.htm
2. <a id="extlink" href="http://www.Was ich auch schon im ersten Post sagen wollte: Es geht auch so nicht!
-
Deine gezeigten Links haben keine solche ID.
Da habe ich bei all den Versuchen eine falsche Zusammenstellunge gepostet. Ist klar, dass es nur so gehen könnte:
-
a:visited { color: #ff00ff; text-decoration:none; }
-
a#extlink:visited { color: #DF0000; text-decoration:none; }
-
<a href="bla.htm
-
<a id="extlink" href="http://www.
Was ich auch schon im ersten Post sagen wollte: Es geht auch so nicht!
Sicher, daß Du mit IDs arbeiten willst?
a:visited ...
a.extern:visited ...<a ... class="extern">...
-
Es bleibt das selbe Problem. Mit class oder id ist dabei egal und verstehe nicht was ich für einen Fehler mache. Die besuchen Links haben einfach immer die Standardfarbe.
a:link { color: #9F9F9F; text-decoration: none; }
a:visited {color: #4F4F4F; text-decoration:none; }
a:hover {color: #9F9F9F; text-decoration:underline; }a.extlink:link { color: #4F4F4F; text-decoration:none; }
a.extlink:visited { color: #4F4F4F; text-decoration:none; }
a.extlink:hover { color: #9F9F9F; text-decoration:underline;}<a ...
<a class="extlink" ..-
Es bleibt das selbe Problem. Mit class oder id ist dabei egal und verstehe nicht was ich für einen Fehler mache. Die besuchen Links haben einfach immer die Standardfarbe.
Das kann nicht sein.
Welcher Browser macht Ärger?
Nimm mal den Code hier, speicher ihn als HTML, und schreib dann was passiert.
<style>
a:link { color: #f00; text-decoration: none; }
a:visited {color: #ffcccc; text-decoration:none; }
a:hover {color: #9F9F9F; text-decoration:underline; }a.extlink:link { color: #0f0; text-decoration:none; }
a.extlink:visited { color: #ccffcc; text-decoration:none; }
a.extlink:hover { color: #9F9F9F; text-decoration:underline;}</style>
<a href="a.html">a</a><br>
<a href="b.html" class="extlink">b</a>-
Da war wohl ein Zeichenfehler im Code. Jetzt geht's wunderbar. Danke
-
-
-
-
-
