怎么用纯css实现焦点图点击切换

怎么用纯css实现焦点图点击切换

CSS 3 选择器加入了一个叫 :target 的伪类，它的作用是选中id与地址栏中#匹配的元素。如下：
html:

tab1
tab2
...
...css:
div { display: none; }
div:target { display: block; }当用户点击第一个链接的时候，地址栏会变成：http://.......#tab1，此时会显示id为tab1的div，点击第二个链接的时候，地址栏会变成：http://......#tab2，此时会显示id为tab2的div。

获取焦点是js事件，css无法做到呀

纯css也可以的，利用hover来实现

用input相邻元素

CSS没有此事件或者说没有此功能，是无法实现的，鼠标进入或离开时切换图片CSS到是可以实现。
“点击”是JS事件，必须用JS代码实现此功能。