Unterstreichen nur vom Ankerelement Kind entfernen
Wenn ein a -Tag untergeordnete Elemente enthält, wie ein i -Tag, wird beim Hover immer noch die Unterstreichung darauf angewendet, und ich frage mich, wie ich die Unterstreichung nur vom i -Tag entfernen kann, wenn jemand schwebt über das a -Tag.
Das CSS, mit dem ich arbeite:
%Vor%Hier ist eine Geige zu erklären: Ссылка
Ich möchte einfach, dass die Unterstreichung nur beim Element i GONE ist, wenn Sie den Mauszeiger über den Link bewegen.
6 Antworten
Setzen Sie die Eigenschaft display von i auf inline-block :
Ich hatte das gleiche Problem und habe dies mit der folgenden CSS-Regel behoben:
%Vor%hoffe es hilft!
Ich habe hier zwei Dinge hinzuzufügen ...
verwendet Code manchmal als Kind eines (regulären Inline-) Ankers, manchmal nicht:
%Vor%-
Sie sollten
line-height: normalhinzufügen, um den Inline-Block zu kompensieren, sonst werden Sie bei verknüpften Elementen andere Paddings als bei anderen haben. (d. h. Ihre Zeilenhöhe wird leicht uneinheitlich aussehen) -
Und optional: Wenn Sie nur verärgert waren, dass die Unterstreichung eine andere Farbe hat (dh die äußere Linkfarbe , anstatt das Grün von
code) Einstellungen Text-Dekoration einmal wieder auf diesem inneren Element hilft ...
