伪类：主动不适用

Question

我想在所选页面当前处于活动状态时使链接文本更改颜色。所以我使用：active伪类，但它一直重置为一般链接颜色。我按照级联规则放置：active last，但它仍然不起作用。我也试过添加＆＃34;！important＆＃34;到：活跃的颜色。结果仍然相同。

我做了这个简单的测试，以便更容易精确定位和摆弄。

<div id="navigacija">
<a id="nav" href="index.html">home</a>
<a id="nav" href="random.html">random</a>
<a id="nav" href="random2.html">random2</a>
</div>

用css看起来像这样

#nav {
color:red;
text-decoration:none;}

#nav:hover {
color:blue;}

#nav:active {
color:black;}

所以会发生的事情是#nav：仅在按下鼠标时才应用活动颜色。之后它恢复为红色的#nav颜色。

Answer 1

Active用于单击当前元素的时间。不适用于URL与当前活动链接匹配的时间。

可能有更好的方法可以做到这一点，但我使用的是两个：

在从服务器生成页面时添加链接上的类，或使用某种JavaScript来设置类。

两者的最终结果将是：

<div id="navigacija">
<a id="nav" href="index.html">home</a>
<a id="nav" class="current" href="random.html">random</a>
<a id="nav" href="random2.html">random2</a>
</div>

#nav {
color:red;
text-decoration:none;}

#nav:hover {
color:blue;}

#nav current {
color:black;}