css - 如何设置 css 在访问链接后不松散悬停效果？

Question

目前是这样的:

/* OCSearch Texto */
.linksearch {
color: #fff;
margin-top: 1px;
margin-left: 20px;
font-size: 12px;    
}

.linksearch a:link {
color:#d8d8d8;
}

.linksearch a:hover {
color:#fff;
}

.linksearch a:visited {
color:#d8d8d8;
}

单击时颜色变为#d8d8d8 但之后不再悬停。谢谢。

Answer 1

交替使用 :hover 和 :visited 声明来解决这个问题。另外，不要忽视键盘用户的 :focus 伪。特别是如果您正在使用从可聚焦元素中删除 outline 的重置。

/* OCSearch Texto */
.linksearch {
  ...   
}

.linksearch a:visited {
    color:#d8d8d8;
}

.linksearch a:hover, .linksearch a:focus {
    color:#fff;
}