html - 如何在该页面上保持链接标签的颜色不同？

Question

我希望您当前所在页面的标签与其余链接的颜色不同。例如：

我的链接是白色的，但在悬停时它们会变为红色并带有下划线。我希望您所在的页面始终为红色并带有下划线。我怎样才能做到这一点？

Answer 1

为活动选项卡创建单独的样式。为现在处于活动状态的选项卡指定特定样式（通过 aclass或idCSS）

Answer 2

创建一个类似的类.active并将其应用于活动页面。

HTML (example.com/activepage)

<a href="#">Some Link</a>
<a href="example.com/activepage" class="active">Active Link</a>
<a href="#">Some Other Link</a>

CSS

a:hover {
  color: red;
}

a.active {
  color: green;
}

演示