我想要多个链接悬停颜色

Question

在我的网站上，我有两组链接，但是当我将鼠标悬停在它们上面时，我希望每组链接都有不同的颜色。到目前为止，我只能为网站上的所有链接使用一种颜色！ 有谁知道这个问题的解决方案？

Answer 1

使用class作为您想要不同颜色的链接。

jsFiddle

<强> HTML

<a href="#">First link</a>
<a href="#" class="alt">Second link</a>

<强> CSS

a:hover {
    color: red;
}

a.alt:hover {
    color: gray;
}

Answer 2

提供一组链接class="class1"，给另一组class="class2"。然后你的CSS可以包含：

a.class1:hover {
    color: red;
}

a.class2:hover {
    color: blue;
}