CSS級聯(lián)是一種描述樣式優(yōu)先級的概念，指的是在一個(gè)網(wǎng)頁中同一元素被不同樣式定義時(shí)，瀏覽器如何根據(jù)優(yōu)先級來展現(xiàn)該元素的樣式。
CSS級聯(lián)優(yōu)先級順序如下：
行內(nèi)樣式 >ID選擇器 >類選擇器、屬性選擇器、偽類選擇器 >標(biāo)簽選擇器 >通配選擇器、繼承樣式
也就是說，具有行內(nèi)樣式的元素優(yōu)先級最高，其次是使用ID選擇器設(shè)置的樣式，然后是類選擇器、屬性選擇器、偽類選擇器設(shè)置的樣式，標(biāo)簽選擇器的優(yōu)先級排在其后。通配選擇器、繼承樣式的優(yōu)先級最低。
下面我們來看幾個(gè)具體的例子：
例子1：
<!DOCTYPE html>
<html>
<head>
<title>CSS級聯(lián)優(yōu)先級順序</title>
<style>
#title {
color: red;
}
.text {
color: blue;
}
</style>
</head>
<body>
<h1 id="title" class="text">Hello World!</h1>
</body>
</html>在上面的代碼中，我們同時(shí)使用了ID選擇器和類選擇器來定義h1元素的顏色。但是由于ID選擇器的優(yōu)先級更高，所以最終標(biāo)題的顏色將是紅色。
例子2：
<!DOCTYPE html>
<html>
<head>
<title>CSS級聯(lián)優(yōu)先級順序</title>
<style>
.text {
color: blue;
}
p {
color: green;
}
</style>
</head>
<body>
<div class="text">
<p>This is a paragraph.</p>
</div>
</body>
</html>在上面的代碼中，我們將文本定義在一個(gè)名為"text"的div元素中，并且同時(shí)給p元素和類選擇器定義了顏色。由于p標(biāo)簽選擇器的優(yōu)先級更高，所以最終的段落顏色是綠色。
總而言之，了解CSS級聯(lián)的優(yōu)先級順序可以幫助我們更好地掌握如何定義樣式，在多重樣式定義中明確樣式展現(xiàn)的優(yōu)先級，避免出現(xiàn)樣式混亂的情況。