文字装饰<a> within a </a> <div> <a>

Question

I attached a link to a icon font and I can't seem to figure out how to remove the link styling from it.

Here is a part of it https://jsfiddle.net/bffks6cw/

我已经尝试了

  text-decoration: none;

但它没有用。我似乎无法弄明白。 有任何想法吗？

编辑：

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

这是一张图片，看起来如何。

https://i.imgur.com/cj6mUMj.jpg

Answer 1

如果a

，则定位div

编辑：保持图标颜色color: inherit

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

FIDDLE：https://jsfiddle.net/bffks6cw/7/

Answer 2

如果您想为anchor设置样式，则需要定位anchor。

.social a {
  text-decoration: none;
}

见这里：https://jsfiddle.net/bffks6cw/2/

Answer 3

.social a {text-decoration: none;}

这有效。

https://jsfiddle.net/bffks6cw/1/

Answer 4

添加此样式

.social a{
   text-decoration: none;
}

fiddle

Answer 5

请参阅本手册以获取样式链接： http://www.w3schools.com/css/css_link.asp

{{1}}