a:hover und text-decoration

[Sven Rautenberg]

Moin!

Ich möchte dieses Element in einer Seite definieren:

Das geht nur im Head der Seite. Alternativ in einer externen CSS-Datei.

<style type="text/css">
a:hover { color:#ababab; }
</style>

Aber gleichzeitig habe ich den Html-Tag im Html-Dateikörper durch die Angabe

style="text-decoration: none"

Das ist zwar nicht schön, funktioniert aber. Schöner wäre, das auch im Head der Seite oder in der externen Datei zu formatieren.

formatiert, um den Link nicht zu unterstreichen.
Der Verweis ist nicht unterstrichen, aber wo ist mein definiertes Pseudo-Element? Wie kann ich beides vereinbaren?

Ich erkenne kein Problem: Der Link ist nicht unterstrichen und hat beim Überfahren mit der Maus die Farbe #ababab. Ob sich an seiner Farbe etwas ändert, hängt davon ab, welche Farbe er im Normalzustand (unbesucht bzw. besucht) definiert hat.

Beschreibe dein Problem genauer: Welches Verhalten erwartest du, welches Verhalten beobachtest du, und wie weichen beide voneinander ab?

- Sven Rautenberg