internet-explorer-7 - IE 7 为图标字体元素添加下划线

Question

嗨，我已经使用 icomoon 的字体图标作为图像替代品建立了一个网站。一切都很好，但是在 ie7 中它们显示带有文本装饰下划线。

当在除 ie7 之外的所有浏览器中使用的链接中使用时，我使用了一个类来阻止这种情况。我将图标作为“a”中的数据图标和跨度中的链接文本放入。像这样上课..

a.{
text-decoration:none;
}

span{
text-decoration:underline;
}

这在除ie7之外的所有浏览器中都很好？？？

即使在<i>元素中它也会添加一个随机下划线，所以我再次添加了一个样式

i{
text-decoration:none;
}

仍然没有喜悦。

Any help would be greatly appreciated.

Answer 1

我不知道你认为a.选择器会做什么。

我建议你使用后代选择器：

a i {
    text-decoration: none;
}