css - 如何将 css :hover 状态更改为单击事件？

Question

我按照链接中的详细信息创建图片库。
这种方法对我来说很好。

我想将鼠标hover事件更改为一个click事件，以便在单击缩略图（而不是悬停）时，其在大区域中打开图像。

Answer 1

像这样的东西：

http://jsfiddle.net/VfNdE/61/

旧的悬停类成为焦点：

.thumbnail:focus{
   background-color: transparent;
   outline:none;
}

.thumbnail:focus img{
   border: 1px solid blue;
}

旧的 html 只是为每个锚点添加了 tabindex，如下所示：

<a class="thumbnail" href="#thumb" tabindex="1">