将悬停颜色更改添加到备用链接颜色

Question

我正在使用：

a.altlink{
    color: #FFFFFF;
}   

和：

class="altlink"

在所需页面上创建单独的链接颜色。我现在想知道的是当我将鼠标悬停在链接上时如何应用新颜色？

我的正常链接使用：

a:hover {
    color: #C24B0C;
    text-decoration: none;
}

所以我尝试过这个 CSS：

a.altlink:hover{
    color: #FF0000;
}

但这只是删除了备用链接颜色并恢复为正常链接颜色

如何实现悬停颜色变化？

Answer 1

想通了！我用过：

a:hover.altlink{
    color: #FF0000;
}

这很好用。

Answer 2

试试这个，

.atlink{
    color: #FFFFFF ;
}  
a:hover.atlink{
    color: #FF0000;
}