css - 我怎样才能改变一个CSS :hover state to a click event?

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 只是为每个 anchor 添加了 tabindex，如下所示:

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