HTML: a: Hover für Bilder entfernen?

ZumText Links, die ich habe:

CSS:

a:link {color: #3366a9; text-decoration: none}
a:hover {border-bottom: 1px solid; color: black}

Dies fügt aber auch eine schwarze Unterstreichung bei Linkable hinzuIMGs das will ich nicht.

Wie entferne ich dieborder-bottom über verknüpfbare IMGs, wenn sie mit CSS angezeigt werden?

Ich habe Folgendes versucht:

a:hover img {border-bottom: 0px}

Das geht aber nicht

Live-Beispiel (Versuchen Sie, den Mauszeiger über das Logo oben links zu halten.)

Antworten auf die Frage(7)

Ihre Antwort auf die Frage