如何将活动的 <a> 标签颜色变成另一种颜色？答案

【问题标题】：how to turn active <a> tag color into another color?如何将活动的 <a> 标签颜色变成另一种颜色？
【发布时间】：2021-08-25 17:22:18
【问题描述】：

a {
  text-decoration: none;
  color: gray;
}
a:link::before {
  color: grey;
}
a:visited,
a::after,
a:active{
  color: #00b39b;
  text-decoration: #00b39b;
}

 <ul class="header-ul">
                <li>
                    <a href="#">About us</a>
                </li>
                <li>
                    <a href="#">Career</a>
                </li>
                <li>
                    <a href="#">Departments</a>
                </li>
            </ul>

好的，伙计们，我只想将活动链接颜色更改为此 (#00b39b) 我尝试了不同的方法，例如： 1-a：活跃 2-a：访问过 3- a:专注 4- a:悬停但我不能只将活动链接设置为我想要的颜色有什么建议！！？？

【问题讨论】：

能否提供您的 HTML/CSS
您根据 CSS 规范正确定义了 :active，但随后您说您正在尝试使用 :visited。这真的没有意义。你有一些与 CSS 不同的“活动”定义吗？你或许应该告诉我们这个定义是什么。
这是stackoverflow.com/questions/2397370/…的又一个副本吗？
发布问题时，您确实应该提供一些代码，以便我们更好地了解问题。所有链接都具有相同的href 值吗？这可以解释为什么在您仅单击其中一个后它们都会变为:visited 颜色。

标签： html css tags anchor

【解决方案1】：

现在这段代码会将a:active颜色更改为#00b39b
text-decoration不要申请颜色

阅读this以了解更多关于text-decoration的信息

a {
  text-decoration: none;
  color: gray;
}

a:link::before {
  color: grey;
}

a:visited,
a::after,
a:active {
  color: #00b39b;
}

<ul class="header-ul">
  <li>
    <a href="#">About us</a>
  </li>
  <li>
    <a href="#">Career</a>
  </li>
  <li>
    <a href="#">Departments</a>
  </li>
</ul>

【讨论】：