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

Question

我在一个包含部分的网站上工作，每个部分都有悬停效果。单击所需部分后，我想保持悬停效果处于事件状态。

有人能告诉我如何实现吗？

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>

Answer 1

放

.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; }