CSS选择器详解：常见类型与应用

在CSS（层叠样式表）中，选择器是定义样式规则的关键部分，它决定了哪些HTML元素会应用这些样式。CSS选择器类型丰富多样，能够精确地定位到页面中的特定元素。本文将详细介绍CSS中常见的选择器类型，并通过实例说明它们的应用场景。

一、元素选择器

元素选择器是最基础的选择器类型，它直接通过HTML元素的名称来选择元素。例如，p选择器会选择页面中所有的<p>标签。

p {
   
  color: blue;
}

上述代码会将所有段落文本的颜色设置为蓝色。

二、类选择器

类选择器使用HTML元素的class属性来选择元素。类选择器以点号（.）开头，后面跟类名。一个元素可以有一个或多个类，而一个类也可以被多个元素使用。

.my-class {
   
  font-size: 16px;
}

在HTML中，可以通过class属性应用这个样式：

<div