我正在设计一个<代码><；A>；，一切都运行得很好。但5分钟后，我回来并重新启动节点的实时服务器。边框刚刚变成紫色，活动状态为红色。代码如下。

（重新启动服务器，清除缓存。）

HTML

<代码><；a href="；#"；类="；了解更多-btn"；>；了解更多&；#8594；<；/a>；

CSS

<a>

<a href="#" class="learnmore-btn">
                    Learn More &#8594;
                </a>

顺晟科技：

使用伪类.learnmore-btn:link{ color: $color-primary-light; padding: 1rem; font-weight: 700; font-size: 1.3rem; text-decoration: none; border: .1rem solid $color-primary-light; border-bottom: .3rem solid $color-primary-light; transition: all ease .2s; &:hover{ background-color:$color-primary-light; color: white; box-shadow: 0 .5rem 1rem $color-primary-dark; transform: translateY(-3px); } ，您只能设置未访问链接的样式。一旦你点击链接，浏览器就会将其标记为已访问，并且你的样式不再适用。在大多数浏览器中，紫色是已访问链接的默认颜色。删除.learnmore-btn:link{ color: $color-primary-light; padding: 1rem; font-weight: 700; font-size: 1.3rem; text-decoration: none; border: .1rem solid $color-primary-light; border-bottom: .3rem solid $color-primary-light; transition: all ease .2s; &:hover{ background-color:$color-primary-light; color: white; box-shadow: 0 .5rem 1rem $color-primary-dark; transform: translateY(-3px); } 应该可以解决此问题。