CSS优先级是指当多个CSS规则应用于同一元素时，如何确定哪个规则最终会应用于元素。

CSS优先级是通过组合CSS规则中的选择器和声明来确定的。每个选择器和声明都有一个特定的优先级值，优先级值越高的规则将优先应用于元素。

选择器的优先级是通过它包含的“特殊性”来确定的。特殊性是由选择器中包含的ID数、类和标记数来计算的。例如，一个选择器#header h1具有比选择器h1更高的特殊性，因为它包含一个ID，而不是在选择器中只包含标记名称。

如果两个或多个选择器具有相同的特殊性，则根据它们在CSS规则中出现的顺序来确定其优先级。

/*CSS规则*/
#header h1 {
color: red;
}
h1 {
color: blue;
}
/*HTML代码*/
<div id="header">
<h1>Welcome</h1>
</div>
/*结果*/
标题“Welcome”将显示为红色，因为#header h1具有更高的特殊性。即使在h1规则中声明了蓝色，它仍然不会应用于标题，因为它的优先级较低。

除了特殊性外，声明的优先级也很重要。声明优先级是由声明中包含的属性的数量和类型来确定的。所有属性的基本优先级相同，但重要性标志可以用于提高声明的优先级。

重要性标志是在属性值后使用!important关键字来指定的。如果两个声明具有相同的特殊性和相同数量和类型的属性，则具有!important标志的声明将具有更高的优先级。

/*CSS规则*/
#header h1 {
color: red !important;
}
h1 {
color: blue;
}
/*HTML代码*/
<div id="header">
<h1>Welcome</h1>
</div>
/*结果*/
标题“Welcome”将显示为红色，因为由于!important标志，#header h1规则具有更高的优先级。

在编写CSS时，您应该尽量避免使用!important和超出必需的特殊性。相反，应该设计具有清晰结构和适当特殊性的规则，以确保CSS的可维护性和可拓展性。