CSS 选择器用于选择 HTML 文档中的元素，并为其应用样式。CSS 选择器有多种类型，包括以下几种常见的选择器：
元素选择器（Element Selector）：通过元素名称选取元素，例如 p 选择所有
元素。
类选择器（Class Selector）：通过类名选取元素，例如 .my-class 选择具有 class="my-class" 的元素。
ID 选择器（ID Selector）：通过元素的唯一标识符选取元素，例如 #my-id 选择具有 id="my-id" 的元素。
属性选择器（Attribute Selector）：通过元素的属性值选取元素，例如 [type="text"] 选择具有 type="text" 的元素。
伪类选择器（Pseudo-class Selector）：通过元素的特殊状态或位置选取元素，例如 :hover 选择鼠标悬停的元素。
伪元素选择器（Pseudo-element Selector）：通过元素的特定部分或位置选取元素，例如 ::before 选择元素的前面插入内容。
CSS规则可以分为以下三种：
1. 选择器(Selectors)：选择器用于选择要应用样式的HTML元素。常见的选择器包括标签选择器(如`p`、`div`)、类选择器(如`.classname`)、ID选择器(如`#idname`)、属性选择器(如`[attribute]`)、伪类选择器(如`:hover`)等。
2. 声明块(Declaration Block)：声明块是包含一组属性和对应的值的部分。每个声明以属性-值对的形式表示，用分号进行分隔。例如：`color: blue; font-size: 16px;`.
3. 属性(Properties)：属性定义了要应用于选定元素的样式。每个属性都有一个对应的值，用于定义样式的特征，如颜色、字体、边距等。常见的属性包括`color`(文字颜色)、`font-size`(字体大小)、`margin`(外边距)等。
CSS规则的基本结构如下所示：
```
selector {
property1: value1;
property2: value2;
...
}
```
通过选择器选择相应的HTML元素，并在声明块中设置属性和对应的值，可以实现对网页元素的样式控制和设计。
