css源生选择器有元素选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。详细介绍：1、元素选择器，使用元素名称作为选择器，选择文档中所有匹配该元素名称的元素；2、类选择器，使用类名作为选择器，选择文档中所有具有相同类名的元素，类名以点号开头；3、ID选择器，使用元素的唯一ID作为选择器等等。
本教程操作系统：windows10系统、DELL G3电脑。
CSS（层叠样式表）是一种用于描述网页样式的语言，它可以控制网页中元素的外观和布局。在CSS中，选择器用于选择要应用样式的元素。CSS选择器可以分为两种类型：源生选择器和自定义选择器。本文将重点介绍CSS的源生选择器。
1. 元素选择器（Element Selector）：使用元素名称作为选择器，选择文档中所有匹配该元素名称的元素。例如，p选择器将选择所有的段落元素。
2. 类选择器（Class Selector）：使用类名作为选择器，选择文档中所有具有相同类名的元素。类名以点号（.）开头。例如，.red选择器将选择所有具有类名为red的元素。
3. ID选择器（ID Selector）：使用元素的唯一ID作为选择器，选择文档中具有相应ID的元素。ID以井号（#）开头。例如，#header选择器将选择具有ID为header的元素。
4. 属性选择器（Attribute Selector）：使用元素的属性作为选择器，选择文档中具有相应属性的元素。属性选择器有多种形式，包括[attribute]选择器（选择具有指定属性的元素）、[attribute=value]选择器（选择具有指定属性和值的元素）等。
5. 伪类选择器（Pseudo-class Selector）：使用元素的特定状态作为选择器，选择文档中具有相应状态的元素。伪类选择器以冒号（:）开头。例如，:hover选择器将选择鼠标悬停在元素上时的状态。
6. 伪元素选择器（Pseudo-element Selector）：使用元素的特定部分作为选择器，选择文档中具有相应部分的元素。伪元素选择器以双冒号（::）开头。例如，::before选择器将选择元素的前面插入的内容。
7. 后代选择器（Descendant Selector）：使用空格分隔的两个选择器，选择文档中符合第二个选择器的元素，且该元素是第一个选择器的后代元素。例如，div p选择器将选择所有在div元素内的段落元素。
8. 子元素选择器（Child Selector）：使用大于号（>）分隔的两个选择器，选择文档中符合第二个选择器的元素，且该元素是第一个选择器的直接子元素。例如，div > p选择器将选择所有div元素的直接子元素中的段落元素。
9. 相邻兄弟选择器（Adjacent Sibling Selector）：使用加号（+）分隔的两个选择器，选择文档中符合第二个选择器的元素，且该元素紧跟在第一个选择器的后面。例如，h1 + p选择器将选择紧跟在h1元素后面的段落元素。
10. 通用选择器（Universal Selector）：使用星号（*）作为选择器，选择文档中所有的元素。通用选择器可以与其他选择器组合使用，以选择特定的元素。
以上是CSS源生选择器的主要类型。通过合理使用选择器，可以精确地选择和控制网页中的元素样式，从而实现丰富多样的页面效果。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
