html - CSS 和 HTML 鼠标移出？

Question

我一直在谷歌搜索，但似乎无法为 css 找到类似于悬停的鼠标移出方法。

有没有，如果有应该如何编码？

Answer 1

您只需要 :hover pseudo-class for this ，当您将鼠标移出该元素时，它将返回到默认的非 :hover 状态，如下所示:

.class { color: black; } 
.class:hover { color: red; }

当您悬停时，颜色将为红色，当您“鼠标移开”时，颜色将恢复为黑色，因为它不再匹配 :hover 选择器。这是所有浏览器的默认行为，您无需在此处执行任何特殊操作。

如果你想做一些程序化的事情，你正在寻找 mouseout JavaScript event .