Textlinks mit Border, Bildlinks ohne Border

[Stillleben]

Ich möchte gern Textlinks folgendermaßen formatieren:
    a { border-bottom: 1px dotted; text-decoration:none; }

Links, die Bilder enthalten, sollen aber nicht gepunktet unterstrichen werden.

Die tausendfach notierte Lösung durch Hinzufügen folgender Zeile funktioniert hier nicht (der Rahmen gehört ja zum Link)!
    a img {border-bottom:none;}

Meine bisherige Lösung war, den Textlinks eine eigene Klasse zu verpassen und nur diese per css zu formatieren:
    <a class="textlink" href="..">Text</a>
    a.textlink { border-bottom: 1px dotted; text-decoration:none; }

Dies ist aber auf Dauer ziemlich umständlich, an jeder Stelle "textlink" einzufügen.
Fällt euch eine bessere Möglichkeit ohne Benutzung von Klassen ein?

[Cheatah]

Hi,

Meine bisherige Lösung war, den Textlinks eine eigene Klasse zu verpassen und nur diese per css zu formatieren:
Dies ist aber auf Dauer ziemlich umständlich, an jeder Stelle "textlink" einzufügen.

Du könntest auch den Bildlinks eine Klasse "imagelink" verpassen.

Fällt euch eine bessere Möglichkeit ohne Benutzung von Klassen ein?

Da auch mit CSS/3.0 kein Weg existieren wird, in der Struktur wieder zurück zu gehen: Nein. Zumindest keine, die nicht ähnlich sinnentfernt ist wie Klassen :-)

Cheatah

[wise]

Wieso erstellst du keinen css-eintrag für Grafiklinks (die werden ja wahrscheinlich seltener auftauchen):

<a class="grafiklink" href=".."><img src=".."</img></a>
a.grafiklink {border-bottom:none;}