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

Question

您好我使用icomoon的字体图标构建了一个网站作为替代品。一切都很好，但在ie7中，它们以文字装饰下划线显示。

我在使用链接时使用了一个类来阻止它，这些链接适用于除ie7之外的所有浏览器。 我将图标作为数据图标放在'a'中，并将文本放在span中的链接中。和班级一样..

a.{
text-decoration:none;
}

span{
text-decoration:underline;
}

除了ie7 ???

之外，每个浏览器都可以

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

i{
text-decoration:none;
}

仍然没有快乐。

非常感谢任何帮助。

Answer 1

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

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

a i {
    text-decoration: none;
}