0

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

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

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

4

1 回答 1

0

没有使用 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 风格。很高兴向用户反馈链接被实际点击并给人一种很好的感觉。但它不会突出显示最近点击过的链接。

于 2013-02-27T16:34:12.593 回答