Question

我已经在这里环顾四周，我找不到任何可以回答我的问题或者确实有效的事情，所以也许有些人可以给我一个解决方案。

我正在创建一个博客模板，我喜欢这些帖子＆＃39;链接在悬停时显示两种不同的颜色，交替显示。比如说，link1悬停在红色上，link2悬停在绿色上，link3再次悬停在红色上，link4悬停在绿色上，依此类推。

我怎样才能实现这一目标？

编辑：有人删除了我刚才提到过的关于此问题的部分，我不知道他们为什么会这样做。

这是我在另一个问题中找到的代码，该代码无效：

body:nth-child(odd) a:hover{ background-color:#dedede; color: #996633; }
body:nth-child(even) a:hover{ background-color:none; color : #FF0000}

另外，如果我的问题让你们有些生气，我道歉。这不是我的意图。没有必要粗鲁。

Answer 1

试一试

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

Answer 2

为我们提供一些代码，以便我们提供帮助，但有很多方法可以做到，您可以使用nth-child选择每个链接并指定不同的颜色，您可以在链接中添加特定的类，每个类都有不同的悬停效果。你甚至可以使用你的CSS中引用的数据属性。

请提供代码，以便我们提供更多帮助。

.link:nth-child(1):hover {color:blue;}
.link:nth-child(2):hover {color:red;}

或

<a href="#" class="link link--blue"></a>
<a href="#" class="link link--red"></a>

等

Answer 3

您可以使用css中的:nth-child selector执行此操作：

a:nth-child(odd):hover {
color: red;
}

a:nth-child(even):hover {
color: green;
}