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/
i
リンクの上にマウスを置いたときに、要素の下線が消えるようにしたいだけです。
ベストアンサー1
次のCSSを試してください。
a:hover i{
display: inline-block; <-- this is the trick
text-decoration:none !important;
}