CSS伪类接收事件

CSS伪类是CSS中的一种特殊选择器。它们可以在不改变HTML文档本身的情况下对文本元素进行样式调整。其中一些伪类可以接受一些鼠标事件，如:hover、:active。

:hover

:hover伪类可以在鼠标滑过元素时改变其样式。比如，当鼠标滑过一个链接时，我们可以使链接的背景颜色变为灰色，同时将文本颜色变为白色。可以通过以下CSS代码来实现这个效果：
a:hover {
background-color: gray;
color: white;
}

:active

:active伪类可以在用户按下鼠标点击元素时改变其样式。如果我们想在按钮被点击时改变其背景色，可以使用以下的CSS代码：
button:active {
background-color: red;
}

:focus

:focus伪类表示元素在获得焦点时（例如：当用户单击表单字段或通过TAB键导航到元素时），会触发样式更改。以下是更改输入框的边框颜色的示例：
input:focus {
border-color: #FF7F50;
box-shadow: 0 0 3px #FF7F50;
}

:checked

:checked伪类指示radio按钮和复选框被选中时发生的样式变化。例如，当我们想改变关于我页面上的单选框选项时，可以使用以下代码：
input[type="radio"]:checked {
background-color: gray;
color: white;
}

总结

这些CSS伪类可以帮助我们在不用使用JavaScript的情况下实现鼠标交互行为。通过使用:hover，:active，:focus和:checked等伪类，我们可以轻松地改变元素的样式并提高用户体验。