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

答案:5 悬赏:0 手机版

解决时间 2021-04-05 14:22

提问者网友：听门外雪花风
2021-04-04 19:18

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

最佳答案

五星知识达人网友：迷人又混蛋
2021-04-04 20:18

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。

全部回答

1楼网友：像个废品
2021-04-04 23:26

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

2楼网友：野味小生
2021-04-04 23:14

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

3楼网友：十年萤火照君眠
2021-04-04 21:53

用input相邻元素

4楼网友：千夜
2021-04-04 20:26

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

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息