如何将css:hover状态更改为click事件？

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">