我建立了一个包含几个链接的列表组。它工作正常，但我希望用户已访问的列表组项目以不同的方式显示。我可以在css中设置列表组项目的样式，以便进行悬停和聚焦，但不能访问。它还忽略a：visited的样式。我在做什么错了？
<div class="list-group">
<a href="#" class="list-group-item list-group-item-info">test</a>
</div>
a.list-group-item-info:visited {
color: #a94442;
}