CSS重疊層疊順序是CSS中重要的一部分，是指當多個元素重疊在一起時，它們以什么順序顯示。這涉及到CSS規則優先級、HTML文檔結構、CSS屬性和CSS偽元素等因素。

CSS重疊順序是從后到前的，通常稱為CSS堆棧。在同一元素中，后面聲明的CSS屬性將覆蓋先前聲明的屬性。在不同元素中，后面位于前面的元素將優先顯示。例如：

.box1 {
background: red;
z-index: 1;
}
.box2 {
background: blue;
z-index: 2;
}

上面的CSS代碼設置了兩個帶有不同背景顏色和z-index屬性的盒子。由于.box2在.box1之后聲明，因此.box2將顯示在.box1之上。

偽元素的CSS重疊順序比普通元素高，這是因為它們是元素的額外部分。例如：

.box::before {
content: "";
display: inline-block;
width: 100px;
height: 100px;
background: lightblue;
z-index: 3;
}

上面的CSS代碼使用:: before偽元素為盒子添加了一個100x100的藍色方塊，將覆蓋.box1和.box2。

CSS屬性的優先級也會影響顯示順序。當有兩個或多個具有不同優先級的CSS規則應用到同一元素時，優先級高的規則將覆蓋優先級低的規則。CSS優先級是由CSS選擇器和相關樣式屬性的數量決定的。例如：

.box {
background: green;
}
#box {
background: lightgreen !important;
}

上面的CSS代碼中，id選擇器的優先級比類選擇器高，! important則比所有其他優先級都高。因此，用id選擇器聲明的背景顏色將覆蓋其他任何聲明的背景顏色。

總而言之，了解CSS重疊順序可以幫助設計師更好地控制頁面元素的顯示，同時創建復雜的布局和動畫效果。