在以下示例中，鼠标悬停在每个链接上会更改图像：
http://www.prism.gatech.edu/~dm257/sprite.html
诀窍是以下代码行：
#home a:hover {
background: transparent url('sprite.png') 0px -37px no-repeat;
}
a：hover选择器将背景设置为sprite.png的绿色部分。
我可以用：访问吗？用户点击后图标变为绿色？
我更改了：hover to a：visited，没有任何反应。
答案 0 :(得分：3)
:visited的样式目前仅限于防止暴露用户浏览历史记录的安全风险：
https://developer.mozilla.org/En/CSS/%3Avisited：
从Firefox 4开始，您可以应用的样式有很大的限制 使用此选择器已被介绍。有关的更多信息 限制及其动机，请参阅Privacy and the :visited selector。 其他浏览器也采用了相同的限制，包括 Safari 5 / 4.1和Chrome 6。
答案 1 :(得分：0)
你绝对可以。当然，:visited状态只有在下一次加载页面时才会显示。浏览器能够确定先前是否通过标题信息访问了页面。
这是一个jsFiddle，它使用有用的注释演示了正确的声明顺序：
答案 2 :(得分：0)