更改特定页面的活动链接颜色

时间:2017-03-01 18:25:43

标签: css

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

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

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

.blackactivelink {
     color: #000;
}

但这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

我希望这个例子有帮助!我刚给链接标签提供了两个不同的类,然后在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>
&#13;
&#13;
&#13;

相关问题