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

Question

我正在构建一个网页上有一个小饼图。馅饼有6个，在这个图像的右边，我有一个人可以选择点击的文本超链接，去到点击一块馅饼将采取它们的相同位置。

hover属性设置为在mousehover上更改超链接的颜色。有没有办法我可以将鼠标悬停在图像饼图上，仍然可以使文本超链接改变颜色，就像我在它们上面盘旋一样？

感谢。

Answer 1

将它们包装在容器中，并将悬停功能应用于该容器。

jsFiddle example

CSS：

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

或者使用CSS +选择器选择下一个兄弟元素
请参阅此更新example