当我单击一个元素（在本例中是一个容器）时，它会将我引导到同一页面上的另一个元素，并指示它已访问

Question

在本例中，我的代码是：

<button><a href="#A">Click Me</a></button>

(I did not know how to make it so the entire element was clickable so i used a button instead, please advise)

CSS：

.sidebarhome:visited{
border:1px;

}

我有一些代码用于我希望使用的指示器，它是发光效果：

-webkit-box-shadow: 0px 0px 100px 0px rgba(255,165,0,1);
-moz-box-shadow: 0px 0px 100px 0px rgba(255,165,0,1);
box-shadow: 0px 0px 100px 0px rgba(255,165,0,1);
transition: .8s ease;

Answer 1

您嵌套了两个可点击的元素。避免这样。只需使用链接（在您的示例中为)。

:visited伪类不是以这种方式使用的。您正在查找的是:target，它将应用于具有您正在引用的ID的元素上。

<a href="#my-section">Go to my section</a>

<!-- other stuff -->

<div id="my-section">
  <p>Welcome to my section!</p>
</div>

…并且在您的样式表中：

#my-section:target {
  border: 1px solid green;
}