CSS伪类是指在指定的选择器上添加一些特定的标记，以便选择器能够声明出选定了该伪类元素的样式。通过使用伪类，我们可以实现在一般的元素选择器之外，更加准确的选择元素，并且能够通过样式来改变这些元素的外观。

p:first-child {
color: red;
}

上述代码演示了如何通过伪类:first-child来选中元素的第一个子元素，然后修改该元素的颜色为红色。此外，还有其他的伪类可以用来向元素添加不同的样式，例如:hover将会在鼠标悬停在元素上时触发，:active会在激活被单击的元素时触发，而:nth-child(n)则会选择某个子元素。

button:hover {
background-color: #f00;
}

上述代码展示了如何使用:hover伪类和background-color来悬停时改变按钮的背景颜色。如果希望在鼠标点击按钮时使其颜色改变，可以添加一个:active伪类以达到此效果。CSS伪类是一个强大的工具，能够帮助我们快速地为网站或应用程序添加专业风格的样式和交互效果，因此，我们应该好好地掌握和应用它们。