a:hover+grafik

[hover]

Hi @ all,
ich beschäftige mich erst seit kurzem mit CSS und bin da auf ein kleines Problem gestoßen:

Ich möchte von einem Wort auf einen weiter unten stehenden Text verlinken, das Problem ist nur das der "Zieltext" dann den a:hover Effekt bekommt, deswegen wollte ich fragen ob es möglich ist mit Klassenselektoren oder ähnlichem mehrere verschiedene a:hover Effekte auf einer Seite einzubinden?
Ich hoffe ihr könnt mir helfen
hover

[Ashura]

Hallo hover.

Ich möchte von einem Wort auf einen weiter unten stehenden Text verlinken, das Problem ist nur das der "Zieltext" dann den a:hover Effekt bekommt, deswegen wollte ich fragen ob es möglich ist mit Klassenselektoren oder ähnlichem mehrere verschiedene a:hover Effekte auf einer Seite einzubinden?

Deiner Formulierung zu Folge hast du ein mit folgendem vergleichbares Konstrukt:

<a href="#foo">Goto Foo</a>  
  
<a name="foo">Foo</a>

Dass a:hover nun sowohl auf den Link als auch den Anker zutrifft dürfte klar sein. Eine Lösung wäre, einfach den Selektor spezifischer zu wählen, z. B. durch Kombination der Pseudoklassen: a:link:hover.
Der IE kümmert sich nicht um Letzteres, aber da bei ihm a:hover sowieso nur auf Links bezogen wird, ist dies kein Problem.

Aber eigentlich brauchst du das alles gar nicht. Anker werden heutzutage durch das Setzen einer ID festgelegt.
Obiges also einmal beispielhaft, wie man es tun könnte:

<a href="#foo">Goto Foo</a>  
  
<p id="foo">Foo Bar Baz</p>

Hier kann es auch keine Probleme geben, da a:hover nicht auf p zutrifft.

Und wo ist nun eigentlich die Grafik, die du im Thema erwähnt hast?

Einen schönen Samstag noch.

Gruß, Ashura