CSS3，作为CSS语言的最新标准，引入了许多新特性，其中CSS3选择器是其核心功能之一。CSS3选择器不仅丰富了样式表的功能，还提高了开发者在页面布局和设计上的灵活性。CSS3选择器的五大类分别是：基本选择器、组合选择器、伪类选择器、伪元素选择器和属性选择器。下面，我们将详细介绍这五大类选择器。

基本选择器

基本选择器是CSS中最简单的选择器，它们直接根据元素的类型、类、ID或通配符来选择元素。

1. 标签选择器：根据HTML元素的标签名来选择元素，例如p选择器会选择所有的

   标签。

2. 类选择器：通过元素的class属性来选择元素，类选择器以点.开始，如.highlight会选择所有具有class="highlight"的元素。
3. ID选择器：通过元素的id属性来唯一指定一个元素，ID选择器以井号#开始，如#header会选择具有id="header"的元素。
4. 通配符选择器：使用星号*来选择页面上的所有元素。

组合选择器

组合选择器是将两个或多个基本选择器组合起来，以选择特定的元素集合。

1. 后代选择器：通过空格将两个选择器分开，表示选择的是某个元素的后代，如div p会选择所有在
   标签内的

   标签。

2. 子元素选择器：使用大于号>来选择直接子元素，如ul > li会选择所有直接在
   标签下的
   • 标签。
   • 相邻兄弟选择器：使用加号 来选择紧接在另一个元素后的同级元素，如h1 p会选择紧跟在

     标签后的第一个

     标签。

   • 通用兄弟选择器：使用波浪号~来选择某个元素之后的所有同级元素，如h1 ~ p会选择所有在

     标签之后的所有

     标签。

伪类选择器

伪类选择器用于根据元素的特定状态来选择元素。

1. 动态伪类：如:hover、:active、:focus等，它们分别表示鼠标悬停、被点击激活和获得焦点的状态。
2. 结构伪类：如:first-child、:last-child、:nth-child()等，它们用于根据元素在结构中的位置来选择元素。
3. 否定伪类：:not()用于排除某些元素，如:not(.disabled)会选择所有不包含class="disabled"的元素。

伪元素选择器

伪元素选择器允许开发者选择元素的特定部分，并为其设置样式。

1. ::before：在元素内容的前面插入内容。
2. ::after：在元素内容的后面插入内容。
3. ::first-letter：选择元素的第一个字母。
4. ::first-line：选择元素的第一行。

属性选择器

属性选择器允许开发者根据元素的属性或属性值来选择元素。

1. 简单属性选择器：如[type="text"]会选择所有type属性为text的元素。
2. 属性值包含选择器：如a[title]会选择所有具有title属性的标签。
3. 属性值开始匹配选择器：如a[href^="https"]会选择所有href属性值以https开头的标签。
4. 属性值结束匹配选择器：如a[href$=".pdf"]会选择所有href属性值以.pdf结尾的标签。
5. 属性值包含词选择器：如input[type~="checkbox"]会选择所有type属性值为checkbox的元素。