随着CSS3规范的不断更新，越来越多的CSS伪类被开发出来，给开发者提供了更多的选择和灵活性。下面，大家将介绍CSS3中常用的伪类有哪些。
1. :first-child和：last-child
:first-child和：last-child是CSS3中最基本的伪类，用于选择子元素中的第1个或最后一个子元素。例如：
ul li:first-child {
color: red;
ul li:last-child {
color: blue;
2. :hover和：active
:hover和：active是CSS3中常用的伪类，用于模拟鼠标悬停和鼠标点击的效果。:hover表示鼠标悬停状态，:active表示鼠标点击状态。例如：
li:hover {
color: green;
li:active {
color: blue;
3. :first-of-type和：last-of-type
:first-of-type和：last-of-type是CSS3中常用的伪类，用于选择具有相同父元素的非类属元素。例如：
div p:first-of-type {
color: blue;
div p:last-of-type {
color: red;
4. :before和：after
:before和：after是CSS3中常用的伪类，用于模拟元素的before和after效果。例如：
div {
position: relative;
div:before {
content: “”;
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
border-left: 50% solid transparent;
border-right: 50% solid transparent;
div:after {
content: “”;
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 0;
border-left: 50% solid transparent;
border-right: 50% solid transparent;
5. :has和：has-content
:has和：has-content是CSS3中常用的伪类，用于选择具有指定子元素的元素。:has表示该元素具有指定子元素，:has-content表示该元素具有指定的子元素的内容。例如：
ul li:has(div) {
color: red;
ul li:has-content(div) {
background-color: blue;
6. :empty和：empty-content
:empty和：empty-content是CSS3中常用的伪类，用于选择空元素和空元素的内容。:empty表示该元素是空元素，:empty-content表示该元素的内容。例如：
div:empty {
color: red;
div:empty-content {
background-color: blue;
7. :first-child和：last-child,:hover和：active
上述介绍的是CSS3中常用的7个伪类，除了上述7个伪类外，还有很多其他的伪类，开发者可以根据具体的需求选择使用。同时，CSS3的伪类也可以与其他CSS属性组合使用，实现更加丰富的样式效果。