如何更改鼠標懸停在圖像上超鏈接的顏色？

我正在建立一個網頁，上面有一個小小的餅圖。這個餡餅有6個部分，在這張圖片的右邊，我有一個人可以選擇點擊的文本超鏈接，去點擊餡餅的同一個地方。如何更改鼠標懸停在圖像上超鏈接的顏色？

懸停屬性設置爲更改mousehover上超鏈接的顏色。有沒有一種方法可以將鼠標懸停在圖像餅圖片上，仍然可以讓文本超鏈接改變顏色，就像我在它們上面盤旋一樣？

謝謝。

2012-04-12 Andi

我們展示餅圖代碼 – 2012-04-12 14:41:25

您需要實現這個行爲的javascript解決方案。 – 2012-04-12 14:41:55

@SvenBieder不一定 – jacktheripper 2012-04-12 14:46:41

將它們包裝在容器中，並將懸停功能應用於該容器。

CSS：

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

另外也可以使用CSS +選擇，選擇下一個同級元素
看到這個更新example

2012-04-12 14:46:17 jacktheripper

這樣做會變得很奇怪，用餡餅的不同切片 – 2012-04-12 14:50:42

看到我更新的答案。現在它應該只選擇下一個元素 – jacktheripper 2012-04-12 14:53:37

，但你仍然有一個與餅圖有關的問題。你如何將所有容器中的餅片與鏈接集成在一起，而不會破壞餅圖？ – 2012-04-12 14:55:18

回答