使 ':target' 伪类的所有目标可见

Answer 1

我会使用

hr

元素而不是链接，它可以通过一个 CSS 规则正常工作

:target {
  outline: red dashed 1px;
}


hr[id] {
  margin: 0;
  border: none;
}

<p><a href="#empty-a">empty a</a></p>
<p><a href="#empty-a">empty b</a></p>
<p><a href="#p">p</a></p>
<p><a href="#span">span</a></p>
<p>...</p>
<hr id="empty-a">
<hr id="empty-b">
<p id="p">this is <span id="span">the</span> target</p>