点击后改变A中的颜色

Question

我有一个问题，在标题内的菜单，它使文本的颜色为白色，一切看起来都很好，但点击列表中的任何链接后，文本将变成蓝色。但是在点击列表中的任何链接后，文本会变成蓝色，就像你之前点击过一样，如何才能停止这个命令，并在返回主页后将文本恢复为白色。即使刷新页面后，它总是保持蓝色。而且必须关闭浏览器或更换链接，颜色才能恢复为白色。

在图片中你会发现问题所在。请在这里输入图片描述请在此输入图片描述

.list ul{
    list-style-type: none;
    margin: 27px 0px;
}
.list li{
    display: inline;
    margin-right: 55px;
   
}
 .list a:link{
    font-size: 19px;
    text-decoration: none;
    padding: 27px 20px;
    color: #ffffff;
}
.list a:hover{
    background-color: #575757;
}
.list a:active{
    color: #ffffff;
    background-color: #323232;
}
/* gs*/
.list a.gs{
    border: solid 1px #ffffff;
    padding: 11px 20px;
    border-radius: 26px;
    font-size: 17px;
    
}
.list a.gs:hover{
    border: solid 1px #FFAC41;
    background-color: #FFAC41;
    color: #000000;
}

<div class="list">
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">The prices</a></li>
      <li><a href="#" class="gs">Get Started</a></li>
    </ul>
  </div>

Answer 1

你想要的 :visited 修饰语

.list a:visited {
   color: #ffffff;
}

资料来源 - https:/www.w3schools.comcsscss_link.asp

这四种链接状态是

a:link - 一个正常的、未被访问的链接

a:visited - 链接

a:hover - 当用户鼠标移到一个链接上时

a:active - 链接被点击的那一刻

Answer 2

你应该加上 :visited 选择器到您的 .list a:link 财产。例如：:

.list ul {
  list-style-type: none;
  margin: 27px 0px;
}

.list li {
  display: inline;
  margin-right: 55px;
}

.list a:link,
.list a:visited {
  font-size: 19px;
  text-decoration: none;
  padding: 27px 20px;
  color: #ffffff;
}

.list a:hover {
  background-color: #575757;
}

.list a:active {
  color: #ffffff;
  background-color: #323232;
}


/* gs*/

.list a.gs {
  border: solid 1px #ffffff;
  padding: 11px 20px;
  border-radius: 26px;
  font-size: 17px;
}

.list a.gs:hover {
  border: solid 1px #FFAC41;
  background-color: #FFAC41;
  color: #000000;
}

<div class="list">
  <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">The prices</a></li>
    <li><a href="#" class="gs">Get Started</a></li>
  </ul>
</div>