我希望我的链接只在我点击它时改变颜色，而不是仅仅刷新页面。我如何用 CSS 做到这一点？答案

【问题标题】：I want my link to only change color when I click on it, not by just refreshing the page. How do I do this with CSS?我希望我的链接只在我点击它时改变颜色，而不是仅仅刷新页面。我如何用 CSS 做到这一点？
【发布时间】：2020-04-20 07:27:54
【问题描述】：

我只希望我的链接在我点击后改变颜色。我以正确的顺序添加了适当的 a:link 和 a:visited 伪类。但是，当我刷新页面时，我的链接也会改变颜色，我不希望这样。

【问题讨论】：

标签： css

【解决方案1】：

#style  {
    background-color: red;
}

#style:focus {     
    background-color:yellow;    
}

#style:visited {     
    background-color:yellow;    
}

#style:active {     
    background-color:yellow;    
}

下面有几种方法。希望对你有帮助

【讨论】：

【解决方案2】：

我为你创建了一个简单的例子

如果您以前从未访问过该链接，它将为黑色（默认颜色）

如果您之前访问过该链接，它将是蓝色的

如果您将链接悬停，它将是红色的

https://jsfiddle.net/ykrfqucw/1/

HTML： <a href="https://www.emrerothzerg.com">emrerothzerg.com</a>

CSS：

a{
  color: black;
}

a:visited {
  color: blue;
}

a:hover {
  color: red;
}

a:active {
  color: yellow;
}

SASS（如果你愿意的话）：

a {
  color: black;
  &:visited {
    color: blue;
  }
  &:hover {
    color: red;
  }
  &:active {
    color: yellow;
  }
}

【讨论】：