CSS 悬停：如何处理多个图像以实现“悬停在除 CSS 之外的所有内容上”的技巧？

【问题标题】：CSS Hover: how to deal with multiple images for the "hover on everything but" CSS trick?CSS 悬停：如何处理多个图像以实现“悬停在除 CSS 之外的所有内容上”的技巧？
【发布时间】：2018-06-08 20:13:19
【问题描述】：

以下是使用独特 CSS 技巧的示例代码： http://dabblet.com/gist/39d1dec4f1be8c01bb25010dda986922

我唯一想改变的：
将三个“A”图像按钮更改为图像按钮“A”、图像按钮“B”和图像按钮“C”。

如何在不内联链接图像的情况下使用 CSS 实现这一点？

【问题讨论】：

标签： image button css-selectors hover pseudo-class

【解决方案1】：

答案是简单地将每个图像：A、B、C 链接到 CSS 中单独的 <li> 中。然后在 HTML 中使用一个包围整个 <ul> 的 div 来替换“将鼠标悬停在所有内容上”按钮中的图像。

您可以在此处查看解决方案： http://dabblet.com/gist/08d37a65488d85c290887be76a33a2ad

【讨论】：