css - 使链接保持该部分链接时的CSS悬停效果

我正在一个包含部分的网站上，每个部分都有悬停效果。我要在单击所需部分后保持悬停效果有效。

有人可以告诉我如何实现吗？

CSS：

.btncstm:hover {
   background: #C01527;
   text-decoration: none;
   color:#FFFFFF;
}

HTML：

<a href="[section1_link]" class="btncstm">Section1</a>
<a href="[section2_link]" class="btncstm">Section2</a>
<a href="[sectionN_link]" class="btncstm">SectionN</a>

最佳答案

放

.btncstm:visited { background: #C01527; text-decoration: none; color:#FFFFFF; }

在你之后

.btncstm:hover { background: #C01527; text-decoration: none; color:#FFFFFF; }

或者，您可以使用以下方法：

.btncstm:hover, .btncstm:visited { background: #C01527; text-decoration: none; color:#FFFFFF; }

关于css - 使链接保持该部分链接时的CSS悬停效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25018136/