verschiedene a:hover - Formate in 1 Dokument

[andreas]

Moin!
Ich meine mal gelesen zu haben, dass man mit CSS verschiedene a:hover Formate definieren kann. Aber weiß nicht mehr wo ich das gelesen hatte, und komme nicht wirklich weiter.

Mein kläglich gescheiterter Versuch sah so aus:

<!--
a.test:hover { color: #00FF00}
-->

<a href="test" class="test">test</a>

Es ist egal ob das in irgendwelchen Browsern nicht läuft, es sollte nur ab IE 5.0 laufen.

Weiß das vielleicht jemand?

Grüße
  Andreas

[Peter von der Heyden]

Hallo,

im HTML-Text einfach
<a class="ho1" ...>
<a class="ho2" ...> defenieren

und die dann mit a.ho1 ansprechen

[andreas]

Hi!
Danke Euch!

so gehts jetzt:

<!--
a.test:hover {color:#00FF00}
-->

<a class="test" href="#">test</a>

Grüße
  Andreas

[Dirk]

Moin!
Ich meine mal gelesen zu haben, dass man mit CSS verschiedene a:hover Formate definieren kann. Aber weiß nicht mehr wo ich das gelesen hatte, und komme nicht wirklich weiter.

Mein kläglich gescheiterter Versuch sah so aus:

<!--
a.test:hover { color: #00FF00}
-->

<a href="test" class="test">test</a>

Es ist egal ob das in irgendwelchen Browsern nicht läuft, es sollte nur ab IE 5.0 laufen.

Weiß das vielleicht jemand?

Grüße
  Andreas

hast du auch den Style-Bereich definiert?
also bei mir funktioniert das problemlos:

<style type="text/css">
  <!--
   a.test:hover {color:#000000;}
  //-->
  </style>

und der passende Link dazu: <a href="#" class="test">Link</a>

gruss dirk

[Thomas Meinike]

Hallo,

hast du auch den Style-Bereich definiert?
also bei mir funktioniert das problemlos:

<style type="text/css">
  <!--
   a.test:hover {color:#000000;}
  //-->
  </style>

Der HTML-Kommentar an sich ist zum Verstecken des Stylesheets vor aelteren Browsern ok, aber die beiden Schraegstriche sind definitiv falsch und gehoeren nicht in STYLE-Bereiche.

Siehe auch: http://www.styleassistant.de/tips/tip34.htm.

MfG, Thomas