Class ändern bei Hover

[Gunnar Bittersmann]

@@Sara

ist es möglich wenn ich mit der Maus über das Wort fahre, dass das Icon im <span> eine andere Klasse bekommt?

Du möchtest beim Hovern^[1] des Links ein Icon außerhalb des Links ändern? Und beim Hovern des Icons passiert nichts? Und das Icon ist auch nicht clickbar? Das hört sich für mich nach schlechtem UI-Design an.

Ich denke, das Icon sollte Teil des Links sein.

HTML möchte ich ungern umbauen,

Dazu musst du das HTML umbauen:

<p><a href="admin/settings"><span class="fa fa-folder-o right"></span>Einstellungen</a></p>

Und du möchtest dem Icon keine andere Klasse geben, sondern es anders stylen: bei obigem Markup bspw. per

a:hover .fa, a:focus .fa { … }

Dann ist es auch anclickbar und ändert auch seinen Stil, wenn es selbst gehovert wird. Und auch, wenn der Link den Fokus erhält.

LLAP 🖖

---

1. Und was ist bei Tastaturbedienung? Wenn man an :hover denkt, sollte man :focus nicht vergessen. ↩︎