在 :visited 之后更改 Font Awesome Icon Link 颜色

Question

只是想改变一些 FA 图标的默认颜色 a:visited 颜色。出于某种原因让我很痛苦。我想要的只是在访问后将 links 的颜色从蓝色更改。这是以下代码：

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 部分外，所有内容似乎都有效果。只想更改已访问 link 的颜色。

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;
}

在 :visited 之后更改 Font Awesome Icon Link 颜色

Changing Font Awesome Icon Link color after it's :visited

html

css

hyperlink

font-awesome

visited