CSS 实现动态显示隐藏(:checked 和 :target 的妙用)

网友投稿 267 2022-09-07

CSS 实现动态显示隐藏(:checked 和 :target 的妙用)

使用 :checked 实现

原理:

checkbox控制显示隐藏

内容

使用 :target 实现

可模拟 tab 页签切换效果

原理:

使用锚点链接在 url 后加 #id 来触发 :target针对 :target 的元素添加显示效果

:target模拟页签切换 第1页 第2页 第3页

第1页的内容
第2页的内容
第3页的内容

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:创维×尤文图斯:双方强联手,打造跨界营销“新次元”!
下一篇:使用 nsenter 进入 netns 抓包
相关文章

 发表评论

暂时没有评论,来抢沙发吧~