CSS 中的 hover 和 active 是两个非常常用的伪类选择器，用于制定当用户鼠标悬浮或者点击某个元素时，该元素应该呈现何种样式。下面我们就来详细了解一下 hover 和 active 的用法。

/* hover 选择器 */选择器:hover {/* 希望实现的效果 */}/* 示例 */a:hover {color: red;text-decoration: underline;}/* active 选择器 */选择器:active {/* 希望实现的效果 */}/* 示例 */button:active {background-color: blue;color: white;}

上述代码中，:hover 是默认的悬浮状态选择器，当鼠标悬浮于某个元素上时，会触发该元素的 hover 样式。:active 则是针对用户点击该元素时的状态选择器，例如按钮的点击状态。

需要注意的是，hover 和 active 通常与其他 CSS 属性和选择器一起使用。在使用时，可以将其添加到冒号后面，例如 a:hover 或者 button:active。

综上所述，hover 和 active 是 CSS 中非常有用的伪类选择器，通过这两者，可以实现各种鼠标悬浮和点击交互效果。在编写 CSS 样式时，建议多加使用，以增强页面的交互性和用户体验。