css - <div> 内的文本修饰 <a>

Question

我附加了一个图标字体的链接，但我似乎不知道如何从中删除链接样式。

这是其中的一部分 https://jsfiddle.net/bffks6cw/

我已经尝试过

  text-decoration: none;

但是没有成功。我似乎无法弄清楚。 有任何想法吗？

编辑:

我确实尝试使用 .social a { text-decoration: none; }

这是它的外观图片。

/image/DG2Kb.jpg

Answer 1

目标为 a 而不是 div

编辑:保持图标颜色放置颜色:继承

.social a {
    text-decoration: none;
    color: inherit;
}

fiddle :https://jsfiddle.net/bffks6cw/7/