在CSS(层叠样式表)中,选择器是定义样式规则的关键部分,它决定了哪些HTML元素会应用这些样式。CSS选择器类型丰富多样,能够精确地定位到页面中的特定元素。本文将详细介绍CSS中常见的选择器类型,并通过实例说明它们的应用场景。
一、元素选择器
元素选择器是最基础的选择器类型,它直接通过HTML元素的名称来选择元素。例如,p
选择器会选择页面中所有的<p>
标签。
p {color: blue;
}
上述代码会将所有段落文本的颜色设置为蓝色。
二、类选择器
类选择器使用HTML元素的class
属性来选择元素。类选择器以点号(.)开头,后面跟类名。一个元素可以有一个或多个类,而一个类也可以被多个元素使用。
.my-class {font-size: 16px;
}
在HTML中,可以通过class
属性应用这个样式:
<div