button - CSS Hover：如何激活相当于onmouseout的第三种状态？

Question

我正在使用一个很酷的 CSS 技巧：
当光标悬停在按钮上时，会为该悬停按钮激活第二个状态——但同时为所有其他按钮激活一个单独的辅助状态。

在此处查看 dabblet 实时代码

我想要的：
一个模仿 onmouseout（我们称之为“悬停”）的 CSS 解决方案，当光标不再悬停在任何按钮上时，同时激活所有按钮的第三种状态。

选项 1。理想情况下，在“悬停”期间，我们可以将所有按钮的原始颜色（白色）更改为另一种颜色（假设为红色）。
选项2。否则，如果我们可以在“悬停”期间消失所有按钮，那也是一个很好的解决方案。

标签： buttoncss-selectorshoverpseudo-classonmouseout