html - 某些页面 CSS/HTML 上的事件边框

Question

所以我正在制作一个边框按钮，当您在该页面上时该按钮处于事件状态。但是，当您按下第二个边框按钮时，第一个边框会移除，第二个边框可见。它与本网站上的内容基本相同。 “问题、工作、文档测试版、标签”按钮。当您在该页面上时，一个会亮起，另一个会熄灭。我试着在谷歌上查找但找不到。我尝试通过谷歌浏览器“检查元素”来查看代码。

Answer 1

确保每个页面上的 HTML 完全相同。然后在每个页面中，通过仅向该按钮分配“事件”类来以不同方式设置相应按钮的样式。例如:

在首页

<a class="button active" href="index.html">Home</a>
<a class="button" href="about.html">About</a>

关于页面

<a class="button" href="index.html">Home</a>
<a class="button active" href="about.html">About</a>

CSS

.button {
background-color: grey;
}

.active {
background-color: orange;
}