CSS 选择器是一种用于选择 HTML 元素的 CSS 属性。它们允许您选择具有特定名称、类型和值的元素。通过选择节点，您可以将样式应用到它们的属性和子元素中。以下是一些常用的 CSS 选择器和用法：
1. 元素选择器
color: blue;
2. 类选择器
h1-group {
color: red;
margin: 0 auto;
3. ID 选择器
ID 选择器是一种选择具有特定 ID 元素的 CSS 选择器。例如，`#my-element` 选择文档中的 `#my-element` 元素。以下是一个示例：
#my-element {
color: blue;
4. 属性选择器
属性选择器是一种选择具有特定属性值的元素的 CSS 选择器。例如，`color` 属性选择具有 `color` 属性的元素。以下是一个示例：
#my-element[color] {
color: blue;
如何使用 CSS 选择器选取节点？
使用 CSS 选择器选取节点的一般步骤如下：
1. 定义 CSS 样式表。
2. 使用选择器选择需要样式化的 HTML 元素。
3. 将选择器应用到元素的样式属性中。
4. 调整样式以达到预期效果。
下面是一个简单的例子，演示如何使用 CSS 选择器选取节点：
HTML 代码：
<div class=”element p-4″>
<h1 class=”element-title”>这是一个标题</h1>
</div>
CSS 代码：
.element {
width: 300px;
height: 200px;
background-color: #f00;
font-size: 18px;
font-weight: bold;
.element p-4 {
color: #333;
margin: 20px;
.element h1.element-title {
font-size: 24px;
color: #fff;
margin-bottom: 20px;
width: 100%;
height: auto;
通过使用这些选择器，大家可以轻松地对 HTML 元素进行样式化，从而实现所需的效果。