Hallo!
a.tn:link { }
a.tn:visited { }
a.tn:hover { }
a.tn:active { }
a.tn img { border:2px white solid; }
das ist gut, dass du das erwähnst... ich wusste nämlich noch nie, was der unterschied zwischen deiner variante und der variante
.tn a:hover
ist.
.x ist eine Klasse die für alle Elemente verwendet werden kann (kann auch als *.x geschrieben werden)
p.x ist eine Klasse die nur für Absätze verwendet werden kann.
Bezüglich Deines Beispiels ergeben sich natürlich Einschränkungen, nicht alles kann schließlich hovern.
Beste Grüße
Viennamade