CSS伪类的作用是用来描述某些HTML元素的特定状态。它们在以下情况下非常实用：

selector:pseudo-class {property:value;}

伪类的语法与CSS选择器非常相似，但要分别用冒号（:）和括号（）来定义伪类。现在让我们来看几个最常用的伪类：

:hover伪类

:hover伪类用于鼠标悬停在HTML元素上时发生的事件，通常被用来改变元素的颜色或添加动画效果。

a:hover {color:red;}

:active伪类

:active伪类用于用户点击或触摸HTML元素时发生的事件，通常被用来添加元素的效果或状态。

button:active {background-color:gray;}

:focus伪类

:focus伪类用于当HTML元素获得焦点时发生的事件，通常用于表单元素或可编辑的页面内容。

input:focus {border-color:blue;}

:nth-child伪类

:nth-child伪类用于选择元素的第N个子元素。这个伪类经常用于网页布局，而不是元素的状态。

ul li:nth-child(2) {background-color:yellow;}