Когда тег a
содержит дочерние элементы, такие как тег i
, он все еще применяет подчеркивание к нему при наведении, и мне интересно, как удалить подчеркивание только с тега i
, когда кто-то парит над тегом a
.
CSS, с которым я работаю:
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;
}
Вот скрипка, чтобы объяснить: http://jsfiddle.net/kkz66x2q/
Я просто хочу, чтобы подчеркивание было GONE только в элементе i
, когда вы наводите курсор на ссылку.