伪类是 CSS 中一种常用的选择器，它允许我们选择不同状态或行为的元素，这些状态或行为可能不是通过标准 HTML 属性来表示的。

伪类以“:”符号开头，紧跟着选择器名称，例如: hover、:focus、:active 等。以下是一些常见的伪类和它们的作用：

:hover 伪类：当鼠标悬停在元素上时，应用样式。

a:hover {
  color: red;
}

:active 伪类：当元素被激活（例如被鼠标点击）时，应用样式。

button:active {
  background-color: green;
}

:focus 伪类：当元素获取焦点（例如通过 tab 键）时，应用样式。

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

:nth-child(n) 伪类：选择元素在其父元素中特定位置的子元素。其中 n 可以是数字、关键字（例如 even、odd）、表达式（例如 2n+1）等。

ul li:nth-child(odd) {
  background-color: lightgray;
}

:nth-of-type(n) 伪类：选择同一类型的元素中特定位置的元素。例如，选择第二个 p 元素，而不是第二个任意类型的元素。

p:nth-of-type(2) {
  font-size: 20px;
}

:first-child 伪类：选择作为其父元素中第一个子元素的元素。

li:first-child {
  font-weight: bold;
}

:last-child 伪类：选择作为其父元素中最后一个子元素的元素。

li:last-child {
  text-decoration: underline;
}

伪类是 CSS 中强大的工具，能够帮助我们针对不同的状态和行为选择元素并应用样式。熟练掌握常用的伪类，能够使我们编写更加灵活和高效的 CSS 代码。