ホバーの代替リンクの色は？

Question

私はすでにここを見回していて、私の質問に答えたり、実際には何かを見つけることができないので、おそらくあなたの中には私にこれに対する解決策を与えることができます。

私はブログテンプレートを作成しています。投稿のリンクは、ホバー上で2つの異なる色を交互に表示したいと思います。リンク1は赤色に、リンク2は緑色に、リンク3は赤色に再び、リンク4は緑色に、そう言います。

どうすればいいですか？

編集：誰かが私がすでにこれについて調査していた部分を削除しましたが、私はなぜそうしなかったのですか？

ここで私が働いていない別の質問、で見つかったコードは次のとおりです。また

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

、私の質問は、あなたのいくつかを悩ませている場合、私はお詫び申し上げます。私の意図ではありませんでした。しかし、失礼する必要はなかった。

Answer 1

あなたのCSSの:nth-child selectorでそれを行うことができます。

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

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

fiddle here作業。

Answer 2

は、私たちが助けることができるように、私たちにいくつかのコードを提供

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

Answer 3

それをしようとしますが、多数の方法がこれを行うことができますがあります、あなたはそれぞれのリンクを選択し、別の色を割り当てるには、n番目の子を使用することができ、特定のクラスをリンクに追加して、それぞれに異なるホバー効果を付けることができます。 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> 

など