Class ändern bei Hover
bearbeitet von 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:
~~~html
<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
~~~css
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.
--
Ist diese Antwort _anstößig_? Dann könnte sie [_nützlich_](http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860) sein.