CSS级联优先级顺序如下：
行内样式 >ID选择器 >类选择器、属性选择器、伪类选择器 >标签选择器 >通配选择器、继承样式
也就是说，具有行内样式的元素优先级最高，其次是使用ID选择器设置的样式，然后是类选择器、属性选择器、伪类选择器设置的样式，标签选择器的优先级排在其后。通配选择器、继承样式的优先级最低。
下面大家来看几个具体的例子：
例子1：
<!DOCTYPE html>
<html>
<head>
<title>CSS级联优先级顺序</title>
<style>
#title {
color: red;
}
.text {
color: blue;
}
</style>
</head>
<body>
<h1 id="title" class="text">Hello World!</h1>
</body>
</html>在上面的代码中，大家同时使用了ID选择器和类选择器来定义h1元素的颜色。但是由于ID选择器的优先级更高，所以最终标题的颜色将是红色。
例子2：
<!DOCTYPE html>
<html>
<head>
<title>CSS级联优先级顺序</title>
<style>
.text {
color: blue;
}
p {
color: green;
}
</style>
</head>
<body>
<div class="text">
<p>This is a paragraph.</p>
</div>
</body>
</html>在上面的代码中，大家将文本定义在一个名为”text”的div元素中，并且同时给p元素和类选择器定义了颜色。由于p标签选择器的优先级更高，所以最终的段落颜色是绿色。
总而言之，了解CSS级联的优先级顺序可以帮助大家更好地掌握如何定义样式，在多重样式定义中明确样式展现的优先级，避免出现样式混乱的情况。