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

Question

我正在建立一个网页，上面有一个小饼图。馅饼有 6 块，在这张图片的右侧，我有文本超链接，人们可以选择点击这些超链接，以转到点击这块馅饼的相同位置。

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

谢谢。

Answer 1

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

jsFiddle 示例

CSS：

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

或者使用 CSS + 选择器来选择下一个兄弟元素
查看这个更新的例子