CSS中的:hover是用于设置鼠标悬停时元素的样式的。

/* 设置鼠标悬停时字体颜色为红色 */a:hover {color: red;}/* 设置鼠标悬停时背景颜色为黄色 */div:hover {background-color: yellow;}

在上面的代码中，我们可以看到:hover的用法非常简单。只需要在元素后面加上:hover即可。然后在大括号内设置样式即可。

需要注意的是，:hover只适用于可交互元素。比如链接（a标签），按钮等。如果想对非交互元素进行样式设置，可以使用JavaScript的mouseover事件。

另外，这里还有一点需要注意。当我们设置:hover时，会发现鼠标移开后，样式会消失。如果想让样式保持，可以使用JavaScript或者设置transition属性。

/* 使用transition让样式过渡平滑 */a {color: black;transition: all .3s ease;}a:hover {color: red;}

使用transition可以让鼠标移开时样式变回去更加平滑。其中all表示对所有属性进行过渡，.3s表示过渡时间，ease表示过渡效果为缓动。

以上就是关于CSS中如何设置hover的内容，希望对大家有所帮助。