CSS層疊排列是指多個(gè)CSS樣式應(yīng)用于同一個(gè)元素時(shí)，根據(jù)優(yōu)先級(jí)進(jìn)行排列，以決定最終顯示的樣式。

優(yōu)先級(jí)如下：

1. !important聲明的樣式優(yōu)先級(jí)最高。
2. 內(nèi)聯(lián)樣式（在元素的style屬性中定義的樣式）優(yōu)先級(jí)次之。
3. ID選擇器的優(yōu)先級(jí)較高，類選擇器、屬性選擇器及偽類選擇器的優(yōu)先級(jí)相同。
4. 元素選擇器的優(yōu)先級(jí)最低。

其中，同一級(jí)別的樣式，越靠近元素的樣式優(yōu)先級(jí)越高。

例如：

#content p {color:red;}
.category {color:green;}

以下HTML代碼：

<div id="content">
	<p class="category">這是一個(gè)段落</p>
</div>

顯示效果為：該段落字體顏色為紅色，而不是綠色。因?yàn)镮D選擇器(#content p)的優(yōu)先級(jí)比類選擇器(.category)的優(yōu)先級(jí)高。