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

Question

只是试图将一些 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除了那部分，一切似乎都有效果。只想改变访问链接的颜色。

Answer 1

尝试：

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

你.fa在里面，a因此必须a:visited在选择器之后。

Answer 2

首先，似乎您的目标超出了范围，a' 不是 的子级.fa，而是相反。

尝试以下操作：

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