CSS选择器是一种强大的工具,用于选择HTML文档中的特定元素并为其应用样式。选择器的使用方式非常灵活,可以根据元素的标签名、类名、ID、属性等特征来进行选择。本文将介绍一些常用的CSS选择器,并提供相应的源代码示例,帮助读者更好地理解和应用选择器。
- 标签选择器
标签选择器是最常见和简单的选择器之一,通过选择HTML元素的标签名来应用样式。例如,要为所有的段落元素(<p>
)设置红色文字颜色,可以使用以下CSS代码:
p {
color: red;
}
- 类选择器
类选择器允许我们通过为HTML元素添加类名来选择元素并应用样式。类名使用.
作为前缀。例如,要为所有具有highlight
类的元素设置背景颜色为黄色,可以使用以下CSS代码: