CSS層疊是指在同一個元素上重疊的多個樣式屬性之間的沖突解決方式。

/* 示例樣式 */
p {
color: red;
font-size: 16px;
border: 1px solid blue;
}

在以上示例中，p元素的字體顏色為紅色，字體大小為16像素，并且有一個1像素寬的藍色邊框。

當該元素在HTML文檔中出現多次，每次出現時都有一些特殊的限制或樣式變化時，就需要用到CSS層疊。

/* 新增覆蓋樣式 */
p {
color: green;
font-weight: bold;
}

新增的樣式會覆蓋掉原來的樣式，例如，以上新增樣式把字體顏色改為綠色并加粗。

若要更精細地應用樣式，可以使用CSS優先級規則。例如：

/* CSS優先級規則 */
p {
color: blue;
border: 1px solid black;
}
.special {
color: red;
}
#example {
border: 2px dotted green;
}

以上示例展示了三種CSS選擇器：元素選擇器，類選擇器和ID選擇器。其中元素選擇器的優先級最低，類選擇器次之，ID選擇器優先級最高。

例如，當

元素有類名為"special"時，它的字體顏色將改為紅色，覆蓋了元素選擇器中的藍色。當元素有ID名為"example"時，它的邊框將變為綠色，覆蓋了元素選擇器中的黑色邊框。

這就是CSS層疊及優先級規則的簡介。理解這些規則有助于你更好地管理和應用樣式。