Css 使用：悬停、：访问和：活动设置4个不同div的样式

我希望有人能帮我解决这个问题

我得到了这个HTML：

<a href="http://test"><div id="topleftbox"></div></a>
<a href="http://test"><div id="toprightbox"></div></a>
<a href="http://test"><div id="bottomleftbox"></div></a>
<a href="http://test"><div id="bottomrightbox"></div></a>

我的新形象的作品。是否可以添加：已访问和：活动，以便在单击/访问上一个链接/图像后永久显示新（悬停）图像

谢谢

---

jsfiddle.net/AcvbG-现在可以使用颜色。奇怪的是，没有背景图片

我的目标是：

单击时，将鼠标悬停在#leftbox上

背景图像必须更改为另一个，使用：visted、：hover和：active

有人知道解决办法吗？或者我必须使用javascript（有限的知识）谢谢大家

我不相信那些伪类会做你想做的事。

：active伪类在激活元素时应用 由用户提供。例如，在用户按下鼠标的时间之间 按钮，然后将其释放

：visted伪类在用户访问链接后应用

如果您愿意使用javascript，那么有一些选择

编辑：

你可以设计你的

我不相信那些伪类会满足你的需要。


：active伪类在激活元素时应用
由用户提供。例如，在用户按下鼠标的时间之间
按钮，然后将其释放

：visted伪类在用户访问链接后应用

如果您愿意使用javascript，那么有一些选择

编辑：

你可以设计你的
谢谢你的回答。我的javascript知识是有限的，但我愿意尝试一下。上面的说法是正确的-伪类不会做你想要的事情，因为它们根本不是那样工作的；他们有预先确定的角色。如果使用JS或jQuery，就不会太难了$.click（function（）{$（this）.addClass（“visted”）；}）。访问了{background:url（../img/hoverimages/layout_03.jpg）；}@tammyships我太快回答不了，我想实际上可以用它来完成CSS@Llepwryd对我试着把我的标签设计成我的div。一开始，这对我不起作用。但我刚刚发现了原因。。我没有在html中指定我的链接（愚蠢的我），谢谢你的回答！干杯。。奇怪的是，它与背景色配合使用。没有背景图片。。有人知道为什么？谢谢你的回答。我的javascript知识是有限的，但我愿意尝试一下。上面的说法是正确的-伪类不会做你想要的事情，因为它们根本不是那样工作的；他们有预先确定的角色。如果使用JS或jQuery，就不会太难了$.click（function（）{$（this）.addClass（“visted”）；}）。访问了{background:url（../img/hoverimages/layout_03.jpg）；}@tammyships我太快回答不了，我想实际上可以用它来完成CSS@Llepwryd对我试着把我的标签设计成我的div。一开始，这对我不起作用。但我刚刚发现了原因。。我没有在html中指定我的链接（愚蠢的我），谢谢你的回答！干杯。。奇怪的是，它与背景色配合使用。没有背景图片。。有人知道为什么？
#topleftbox {
  background: url(../img/images/layout_03.jpg);
  background-repeat: no-repeat;
  width: 229px;
  height: 228px;
  float: left;
  }

 #topleftbox:hover {
  background: url(../img/hoverimages/layout_03.jpg);
  }