CSS 伪类选择器：精细控制 HTML 元素样式

CSS 中的伪类选择器是一种用于选择元素的 CSS 选择器，它们不是实际存在于文档树中的元素，而是根据元素的状态或位置进行选择。常见的伪类选择器包括：

1. ':hover'：当鼠标移动到元素上方时应用样式。

2. ':active'：当元素被激活时（例如当按钮被点击）应用样式。

3. ':visited'：当链接已被访问时应用样式。

4. ':focus'：当元素获得焦点时应用样式。

5. ':nth-child(n)'：选择在其父元素中排名为 n 的子元素。

6. ':first-child'：选择其父元素中的第一个子元素。

7. ':last-child'：选择其父元素中的最后一个子元素。

8. ':nth-of-type(n)'：选择其父元素中相同类型的第 n 个子元素。

9. ':not(selector)'：选择不匹配给定选择器的元素。

通过使用这些伪类选择器，我们可以更加精细地控制 HTML 元素的样式。