在 :visited 之后更改 Font Awesome Icon Link 颜色
Changing Font Awesome Icon Link color after it's :visited
只是想改变一些 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 的颜色。
尝试:
#socialMediaIcons a:link .fa, #socialMediaIcons a:visited .fa {
color: #ccc;
}
您的 .fa
在 a
内,因此必须在选择器中的 a:visited
之后。
首先,您的目标似乎超出了范围,a
不是 .fa
的子级,而是相反。
尝试以下操作:
#socialMediaIcons a:visited > .fa {
color: #ccc;
}
只是想改变一些 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 的颜色。
尝试:
#socialMediaIcons a:link .fa, #socialMediaIcons a:visited .fa {
color: #ccc;
}
您的 .fa
在 a
内,因此必须在选择器中的 a:visited
之后。
首先,您的目标似乎超出了范围,a
不是 .fa
的子级,而是相反。
尝试以下操作:
#socialMediaIcons a:visited > .fa {
color: #ccc;
}