Entfernen Sie die Unterstreichung nur vom untergeordneten Ankerelement

Wenn eina tag enthält untergeordnete Elemente wie eini tag, es wendet immer noch die Unterstreichung auf den Schwebeflug an, und ich frage mich, wie ich die Unterstreichung nur aus dem @ entfernen kani tag wenn jemand über dem @ schwea Etikett

Das CSS, mit dem ich arbeite:

a{
    display:block;
    text-decoration:none;
}
a i{
  color:#888;
  margin-left:5px;
}
a:hover{
    text-decoration:underline;
}
a:hover i{
    text-decoration:none !important;
}

Hier ist eine Geige zu erklären:http: //jsfiddle.net/kkz66x2q

Ich möchte einfach, dass die Unterstreichung nur auf dem @ GONE isi -Element, wenn Sie mit der Maus über den Link fahren.

Antworten auf die Frage(6)

Ihre Antwort auf die Frage