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

Question

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

我的链接是白色的，但在悬停时它们会变为带下划线的红色。我希望你所在的页面总是带有下划线的红色。我怎么能这样做？

Answer 1

为活动标签创建单独的样式。为特定样式提供现在处于活动状态的标签（通过CSS中的class或id

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;
}

<强> DEMO