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

Question

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

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

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

score 0 · Accepted Answer

没有使用 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 来完成该链接上的课程。这可以找出您所在的页面并将该类添加到该特定链接元素。

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

1 回答 1