下面介绍几种常见的CSS伪类：
a:hover {
color: #FF6600;
}:hover伪类用于指定鼠标移动到元素上时，元素的样式。以上代码指定鼠标悬浮在链接上时会改变链接的颜色为橙色。
a:active {
color: #000;
}:active伪类用于指定元素被激活时，元素的样式。以上代码指定当用户点击链接时，链接的文字颜色将变为黑色。
p:first-child {
font-weight: bold;
}:first-child伪类用于指定元素为父元素的第一个子元素时，元素的样式。以上代码指定了段落p元素是父元素的第一个子元素，那么这个段落元素的字体加粗。
input:required {
border: 1px solid red;
}:required伪类用于指定指定输入框input元素是必填项时，元素的样式。以上代码指定了输入框为必填项，那么该输入框的边框会变成红色边框。
li:nth-child(2n+1) {
background-color: #f2f2f2;
}:nth-child伪类用于指定元素在其父元素中的位置，可以用表达式来指定一定规律的元素。以上代码指定了父元素下第1、3、5、7…个li元素的背景颜色为浅灰色。它通过使用表达式2n+1指定奇数位置的li元素。
以上5种CSS伪类是在网页前端开发中常用的几种，熟练掌握它们可以让大家在样式设计中更加得心应手。