如何格式化最近点击的链接

Question

我想知道是否可以仅格式化最近点击的链接，以便我可以使用它来显示用户所在的页面？我的代码目前看起来像这样： e-loa

.topbar a:link {color:#999}
.topbar a:visited {color:#999;}
.topbar a:hover { color:#666;}
.topbar a:active {color:#CCC;}

理想情况下，我希望活动链接在链接到加载的页面时保持活动状态，以便链接颜色较浅，以向用户显示他们所在的页面，但显然这是不可能的。我喜欢任何有关更好的方法的建议，毫无疑问有负担。

Answer 1

CSS没有解决方法。您需要在标记中定义哪个链接处于活动状态。例如：

<nav class="topbar">
  <a href="1.html" class="active"></li>
  <a href="2.html"></li>
  <a href="3.html"></li>
</nav>

您必须在标记本身中执行此操作，然后创建如下样式：

.topbar a.active {color:#red;}

您还可以使用一些javascript在该链接上完成该类。这可以找到您所在的页面并将该类添加到该特定链接元素。

：主动选择器仅定义您在链接上按下的时刻的样式。它有点像Button Pressed Down风格。很高兴为用户提供实际点击链接的反馈并提供良好的触摸。但它不会突出显示最近点击的链接。