CSS是前端开发中不可或缺的一部分，而在CSS中有一个非常重要的概念就是“优先级”。优先级决定了当多个CSS规则同时作用于同一元素时，哪一个规则会生效。

在CSS中，优先级由四个因素决定：

1. 内联样式（inline style）
2. ID选择器（#id）
3. 类选择器、属性选择器和伪类选择器（.class、[attr]和:pseudo-class）
4. 元素选择器和伪元素选择器（element和::pseudo-element）

这里的优先级是以“就近原则”为基础的。也就是说，如果有两个相同的选择器作用于同一元素，那么就近的选择器将拥有更高的优先级。例如：

<div class="container">
<p class="text">Hello World!</p>
</div>
.container .text {
color: red;
}
.text {
color: blue;
}

在上面的例子中，<p>标签有一个class为“text”，它被两个CSS选择器作用。一个选择器是“.text”，另一个是“.container .text”。根据就近原则，“.container .text”选择器将拥有更高的优先级，因此<p>标签将显示红色。

需要注意的是当优先级相同时，后面的规则将覆盖前面的规则。例如：

.container .text {
color: red;
}
.text {
color: blue;
}
.text {
color: green;
}

在此例中，虽然“.container .text”具有更高的优先级，“.text”具有相同的优先级。最后一个“.text”规则将覆盖之前的规则，使得<p>标签显示绿色。

总体而言，理解CSS的优先级是非常重要的，可以帮助我们更好地掌握样式的应用和覆盖。