如何使用CSS选择器

CSS选择器是前端开发中不可或缺的一部分，它们帮助我们精确地定位并应用样式到HTML元素上。以下是一些基本的CSS选择器及其用法：

1. 元素选择器：直接使用HTML元素名。

p {
    color: red;
}

这段代码会将所有<p>标签的文本颜色设置为红色。

2. 类选择器：使用点号.后跟类名。

.error {
    border: 1px solid red;
}

这会为所有带有error类的元素添加红色边框。

3. ID选择器：使用井号#后跟ID名。

#header {
    background-color: blue;
}

这将把ID为header的元素背景色设置为蓝色。

4. 组合选择器：组合使用类和元素选择器。

button.primary {
    background-color: green;
}

这段代码将所有类名为primary的<button>元素的背景色设置为绿色。

掌握这些基本选择器是前端开发的起点，它们帮助你创建美观且响应式的网页设计。