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

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 来完成该链接上的类(class)。这可以找到您所在的页面并将类添加到该特定链接元素。

:active 选择器仅定义您按下链接时的样式。这有点像 Button Pressed Down 风格。很高兴向用户反馈一个链接实际上被点击了并且给人一种很好的感觉。但它不会突出显示最近单击的链接。