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

優(yōu)先級如下：

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

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

例如：

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

以下HTML代碼：

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

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