在 :visited 之后更改字体真棒图标链接颜色答案

【问题标题】：Changing Font Awesome Icon Link color after it's :visited在 :visited 之后更改字体真棒图标链接颜色
【发布时间】：2016-04-10 18:41:24
【问题描述】：

只是试图将一些 FA 图标从默认的蓝色更改为 a:visited 颜色。出于某种原因，给了我一段地狱般的时间。我想要的只是在访问后将链接颜色从蓝色更改。下面是代码：

HTML：

<div class="pull-right" id="socialMediaIcons">
<a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook-official fa-3x"></i></a>
</div>

CSS：

#socialMediaIcons .fa a:link, #socialMediaIcons .fa a:visited  {
    color: #ccc;
}
#socialMediaIcons .fa:hover, #socialMediaIcons .fa:focus {
    color: #ccc;
    border: none;
}
#socialMediaIcons .fa {
    padding-left: 10px;
    position: relative;
    bottom: 25px;
}

除了#socialMediaIcons .fa a:link, #socialMediaIcons .fa a:visited 部分之外，一切似乎都有效果。只想改变访问链接的颜色。

【问题讨论】：

看起来像是错误的选择器，a不在.fa里面，你可以使用a:link、a:visited等，记住LoVe HAte的顺序。
我认为有些地方出了问题。谢谢你给我看那个助记符！我以前从来没有听说过LoVe HAte，将来会永远使用它！

标签： html css hyperlink font-awesome visited

【解决方案1】：

试试：

#socialMediaIcons a:link .fa, #socialMediaIcons a:visited .fa  {
    color: #ccc;
}

您的.fa 位于a 内部，因此必须位于选择器中的a:visited 之后。

【讨论】：

成功了，谢谢！正如你和 Pangloss 指出的那样，我的 CSS 不正常。我与它搏斗了太久，所以这个简单的一秒钟解决方案非常有帮助！欣赏它！我会在 3 分钟内尽快批准答案:)

【解决方案2】：

首先，您的目标似乎超出了范围，a 不是.fa 的子代，反之亦然。

尝试以下方法：

#socialMediaIcons a:visited > .fa  {
    color: #ccc;
}

【讨论】：