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

Question

我按照详细信息in the link创建了一个图片库 这种方法对我来说很好。

我想将鼠标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">