css3 伪类选择器快速复习小结

下面是关于“CSS3 伪类选择器快速复习小结”的详细讲解：

一、什么是伪类选择器

伪类选择器指的是在选择元素时，使用冒号（:）前缀来识别元素的某些状态。例如: hover、active、focus等。

二、常见的伪类选择器

1. :hover — 当鼠标悬停在元素上时触发
2. :active — 当元素被激活或被选中时触发
3. :focus — 当元素被聚焦时触发
4. :visited — 目标元素被访问过时触发（只适用于链接元素）
5. :nth-child — 表示父元素中某个子元素的序列
6. :nth-of-type — 表示所有同种元素中的第n个

三、伪类选择器的用法

伪类选择器在CSS中的语法格式为，选择器名称加上冒号和伪类名称。下面是具体的用法：

1. 鼠标hover覆盖文字

  span:hover {
    color: red;
  }

在这个示例中，当鼠标悬停在元素上时，字体颜色将变为红色。

1. 选中列表中的第3个元素

  li:nth-child(3) {
    color: red;
  }

在这个示例中，当一个有序列表（

）中的第三个子元素（
1. ）被选中时，字体颜色将变为红色。

   四、总结

   通过本篇攻略，我们学习了CSS3伪类选择器中最常见的几个伪类选择器，包括了常见伪类选择器，语法格式和使用示例。希望这篇文章能够帮助你更好地理解CSS中的伪类选择器。