CSS3 target伪类简介
这篇讲的是CSS3中一个容易被忽略但相当实用的特性：`:target`伪类。 文章从一个常见的交互细节出发：当用户点击页面内像`#respond`这样的锚点链接时，页面虽然会跳转到对应元素的位置，但视觉上没有任何高亮或样式反馈，体验有些平淡。作者随后引出了`CSS3 :target`伪类作为解决方案，它能够匹配文档URI中带有`#`标志符的目标元素。 核心在于，你可以像使用`:hover`一样，为被`:target`匹配的元素定义专属样式。这意味着，当用户点击链接跳转时，目标区域可以通过背景色变化、边框添加等方式被立即标识出来。整个过程无需JavaScript，仅通过CSS就能实现清晰、优雅的交互反馈，为页面增添了细腻的动态感。