css - CSS 中的 MouseOver 和 MouseOut

Question

为了在一个元素中使用鼠标，我们使用 :hover CSS 属性。鼠标离开元素怎么样？

我在元素上添加了一个过渡效果来改变颜色。悬停效果很好，但是我应该使用什么 CSS 属性来让鼠标移开以应用效果？我正在寻找 CSS 解决方案，而不是 JavaScript 或 JQuery 解决方案。

Answer 1

我认为这是最好的解决方案。

CSS onomouseout:

div:not( :hover ){ ... }

CSS 鼠标悬停:

div:hover{ ... }

这样更好，因为如果您只需要在鼠标移出时设置一些样式并尝试以这种方式执行此操作

div { ... }

您还将设置您的样式和 onmouseover。