在我的CSS中,有以下内容,其中活动链接是文本颜色的函数:

}
a:active {
    opacity: 0.7;
}
.page a.active {
    opacity: .4;
}


我正在尝试覆盖此链接,以便某些链接(但不是全部)是纯黑色的。我尝试过创建一个特殊的类,如下所示:

.blackactivelink {
     color: #000;
}


但这似乎不起作用。

最佳答案

我希望这个例子有帮助!我几乎只给链接标记提供了两个不同的类,然后在CSS上相应地设置了样式。 =}


.linkActive{
 text-decoration:none;
 color:blue;
}

.linkActive:active{
  color:yellow;
}

.linkActiveBlack:active{
  color:black;
}

<a href=# class="linkActive linkActiveBlack">Meow Meow</a>
<br>
<a href=# class="linkActive ">Meow Meow</a>
<br>
<a href=# class="linkActive linkActiveBlack">Meow Meow</a>
<br>
<a href=# class="linkActive ">Meow Meow</a>
<br>
<a href=# class="linkActive linkActiveBlack">Meow Meow</a>
<br>
<a href=# class="linkActive ">Meow Meow</a>
<br>
<a href=# class="linkActive linkActiveBlack">Meow Meow</a>
<br>

关于css - 更改特定页面的事件链接颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42539234/

10-12 06:36