javascript - 使用 .html#link 突出显示网站部分

Question

是否可以使用 CSS 突出显示已链接到的部分？

如果不能，我可以通过某种方式在 JavaScript 中获取#link 吗？浏览器

var section = $(window).link();

谢谢你的时间

Answer 1

使用 :target CSS 伪类:

:target {
  background-color: #F4D03F;
}

<a href="#link">Click me</a>
<h2 id="link">Highlight me</h2>

---

此外，要使其淡入(如 StackOverflow(重新加载页面))添加一个 transition:

:target {
    background-color: #F4D03F;
    transition: 0.8s;
}        

:target {
  background-color: #F4D03F;
    transition: 0.8s;
}

<a href="#link">Click me</a>
<h2 id="link">Highlight me</h2>

(如果您将其作为一个单独的问题提出，我将很高兴地演示如何淡入淡出然后再次淡出，就像在 StackOverflow 上那样:)