Question

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

Answer 1

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

html:

<a href="#tab1">tab1</a>
<a href="#tab2">tab2</a>
<div id="tab1">...</div>
<div id="tab2">...</div>

css:

div { display: none; }
div:target { display: block; }

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

Answer 2

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

Answer 3

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

Answer 4

用input相邻元素

Answer 5

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