css3鼠标经过事件 |css div 无效

大家可以使用:hover伪类选择器，在用户将鼠标悬停在某个元素上时应用CSS动画。下面是一个例子：

.button {
padding: 10px 20px;
background-color: #3798db;
border-radius: 5px;
color: #fff;
transition: background-color .5s ease;
}
.button:hover {
background-color: #2980b9;
}

这段CSS代码在这个示例中定义了一个按钮，它在鼠标经过时会有背景颜色的变化效果。

在有些情况下，您可能需要更复杂的交互效果。幸运的是，CSS3还提供了更多的鼠标事件。以下是其中一部分：

:active - 定义活动链接的样式
:focus - 定义当元素获得焦点时应该如何呈现
:visited - 定义已经访问过的链接的样式
:enabled - 定义可用元素的样式
:disabled - 定义禁用元素的样式
:checked - 定义被选中的元素的样式

例如：

a:visited {
color: purple;
}
input:focus {
border: 2px solid red;
}

上述示例分别定义了访问过链接和输入框在获得焦点时的样式。

总而言之，CSS3鼠标经过事件和其他鼠标事件可以让大家创建更多的交互效果，这使得Web开发过程更加容易和有趣。