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

Highlighting a website section using .html#link

本文关键字：网站部 显示 html#link 使用      更新时间：2023-09-26

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

如果不是，我可以得到#链接在JavaScript一些如何?即

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

感谢您的宝贵时间

使用: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上一样:)

相关文章：