常见的伪类选择器有哪些

CSS中的伪类选择器有很多种，它们可以帮助我们根据元素的状态或位置来选择元素并添加样式。本文将介绍一些常用的伪类选择器及其用法。

1. :hover 伪类选择器

:hover 伪类选择器用于选择鼠标悬停在元素上时的样式。例如，要将链接在鼠标悬停时变为红色：

a:hover { \n    color:red; \n}

2. :active 伪类选择器

:active 伪类选择器用于选择元素被激活时的样式。例如，要将按钮在被点击时变为灰色：

button:active { \n    background-color:gray; \n}

3. :focus 伪类选择器

:focus 伪类选择器用于选择获得焦点的元素。例如，要为表单输入框添加蓝色边框：

input:focus { \n    border:1px solid blue; \n}

...（以下省略）