【前端老赵的CSS简明教程】5-1 CSS选择器和优先级规则

大家好，我是前端老赵，今天我们来聊一下CSS选择器的分类和优先级规则。

CSS选择器是CSS中非常重要的一部分，它们让我们能够轻松地选择HTML文档中的元素并对其应用样式。了解CSS选择器的分类和优先级规则对于我们编写高效和可维护的CSS代码至关重要。在这一节中，我将向大家介绍不同类型的选择器以及它们在应用样式时的优先级。

标签选择器：

最常用的选择器是标签选择器，它可以应用于所有具有相同标签名称的元素。例如，如果你想将所有的段落文本变为红色，你可以使用以下代码：

CSS

p{ color: red; }

这个选择器的意思是：将所有的<p>元素文本颜色设置为红色。我们可以在选择器后面加上不同的属性来改变元素的样式。

类选择器：

类选择器用于选择具有相同类名的HTML元素。类名可以在HTML代码中自定义，以便将不同的元素分组。例如，如果你想将所有类名为"my-class"的元素背景颜色设置为灰色，你可以使用以下代码：

CSS

.my-class{ background-color: gray; }

这个选择器的意思是：将所有具有类名为"my-class"的元素背景颜色设置为灰色。

ID选择器：

ID选择器用于选择具有相同ID名称的HTML元素。与类选择器不同，每个ID名称只能在HTML页面上使用一次。例如，如果你想将ID为"header"的元素文本颜色设置为蓝色，你可以使用以下代码&#x