告别JS，拥抱纯CSS：用:target伪类玩转单页锚点切换 各位看官，想必大家都见过那种酷炫的单页应用，页面切换流畅自然，体验丝滑如德芙巧克力。以往，实现这种效果，我们往往会祭出JavaScript这柄倚天剑，各种事件监听、DOM操作，代码量蹭蹭往上涨。 但今天，我要给大家介绍一种“懒人”方法，一种更优雅、更轻量级的方案：利用CSS的 :target 伪类，在没有一行JS代码的情况下，轻松实现单页锚点切换效果！ 是不是有点不可思议？别急，待我慢慢道来，保证让你看完直呼“妙啊！”。 什么是:target伪类？ 先来认识一下我们今天的主角——:target 伪类。 简单来说，:target 伪类用于选取当前URL的锚点指向的元素。 想象一下，你的网页上有这样一个链接： <a href=”#section1″>跳转到第一部分</a> 当用户点击这个链接，URL会变成 yourwebsite.com#section1。 此时，页面上 id 为 section1 的元素就会被 :target 伪类选中。 <div id=”section1″> <h2& …