在CSS中，hover是一个很常用的伪类，它可以让我们的页面更加生动。当鼠标悬停在某个HTML元素上时，我们就可以使用:hover选择器对其样式进行修改。

:hover {
background-color: yellow;
}

当鼠标悬停在一个元素上时，背景颜色会变成黄色。同样，我们也可以使用:hover选择器修改其他样式，比如修改文字颜色、字体粗细等等。

:hover {
color: red;
font-weight: bold;
}

除了单个元素以外，还可以使用:hover选择器选择元素的子元素或后代元素。

/* 选择直接子元素 */
.parent-element:hover >.child-element {
color: blue;
}
/* 选择子孙元素 */
.parent-element:hover .descendant-element {
font-size: 14px;
}

其中，>符号表示选择直接子元素，而空格表示选择子孙元素。

除了:hover选择器以外，CSS还有其他一些伪类，比如:focus、:active等等。通过使用这些伪类，我们可以实现更多的页面交互效果。