:target 伪类高亮失效最常见原因是目标元素缺少对应 id 或 id 不匹配，且仅识别 id 属性；其次 CSS 优先级覆盖、IE 不兼容、无法响应 pushState/scrollIntoView、不支持 transition 等限制需 JS 补位。
为什么 :target 有时不触发高亮
最常见原因是目标元素缺少对应 id，或 id 与 URL 中的锚点值不一致。比如访问 #section2，但页面里只有 class="section2" 而没有 id="section2"。注意：:target 只匹配 id，不认 name 或 data- 属性。
另一个容易忽略的点是 CSS 优先级——如果其他样式（比如 .active 类）设置了更高权重的 color 或 background，:target 的声明会被覆盖。建议用浏览器开发者工具检查计算样式，确认 :target 规则是否被应用。
:target 的基础写法和兼容性
它是个伪类，直接作用于被 URL 锚点定位到的元素。写法很简单：
