如何更改鼠标悬停在图像上超链接的颜色？

我正在建立一个网页，上面有一个小小的饼图。这个馅饼有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

回答