一个基于target伪元素实现的弹窗效果

127 阅读1分钟

直接展示用法

该元素可以通过a链接的URL 匹配对应的相同id,实现两个元素之间效果,可用于高亮和显示元素

html
<a href="#p1">点击我</a>

<p id="p1">
  <a href="#">展示的内容,点击隐藏</a>
</p>
----------------------------
css
p{
  display:none;
}

p:target{
  display:block;
}