CSS的优先级是指在选择器重复的情况下，哪个样式将被应用于元素。这个优先级是根据三种选择器权重进行计算的，它们分别是：

1. 行内样式（内联样式） – 1000
2. ID选择器 – 100
3. 类选择器、属性选择器和伪类选择器 – 10
4. 标签选择器、伪元素选择器 – 1

当两个或多个选择器具有相同的权重时，它们将按照其在样式表中出现的顺序进行排序。以下是一些CSS优先级的示例：

/* 行内样式优先级最高 */我是红色的文本/* ID选择器优先级次之 */
#demo {
color: blue;
}
/* class选择器和属性选择器与伪类选择器权重相同 */
p.info {
color: green;
}
input[type="text"] {
background-color: yellow;
} 
/* 标签选择器和伪元素选择器的权重最低 */
p {
font-size: 14px;
}
p::first-letter {
font-size: 20px;
}

在上面的示例中，如果我们将相同的样式应用于元素，则优先级最高的样式将被应用。例如，对于具有以下HTML标记的段落：

<p id="demo" class="info"></p>

最终的样式将是蓝色的文本，因为ID选择器的权重（100）比类选择器和属性选择器的权重（每个10）更高。如果我们将更改ID选择器的颜色为红色，则红色的文本将被应用。

综上所述，了解CSS优先级的概念及其如何计算可以帮助您更好地掌握CSS样式表和如何编写具有更高效率的CSS代码。