イメージのマウスオーバーでハイパーリンクの色を変更するにはどうすればよいですか？

私は小さな円グラフを持つウェブページを構築しています。パイには6個の部分があり、この画像の右側には、人がクリックして、パイの部分をクリックすると同じ場所に移動するためのテキストハイパーリンクがあります。イメージのマウスオーバーでハイパーリンクの色を変更するにはどうすればよいですか？

hoverプロパティは、マウスの移動時にハイパーリンクの色を変更するように設定されています。イメージパイの上にマウスを置いて、テキストのハイパーリンクが色を変えるようにする方法はありますか？

ありがとうございました。

2012-04-12 Andi

は、あなたが実装する必要が私たちに円グラフコード –

を示して参照してください。この動作のためのjavascriptソリューションです。 –

@SvenBiederは必ずしも – jacktheripper

コンテナにラップし、そのコンテナにホバー機能を適用します。

CSS：

.container:hover a { 
    color: black; 
    text-decoration: none; 
}

代わりに次の兄弟要素を選択するために、CSS +セレクタを使用
この更新example

2012-04-12 14:46:17 jacktheripper

です。それは、パイの別のスライスでそれを行うのは非常に奇妙になります。 –

私の更新された答えを見てください。今すぐ次の要素 – jacktheripper

を選択する必要がありますが、piechartにはまだ問題があります。どのようにして、パイチャートを破壊することなく、コンテナ内のすべてのパイスライスをリンクと統合しますか？ –

答えて