CSS是前端開發中必不可少的技術，它用來控制網頁中的樣式和布局。而CSS層疊（Cascading）是CSS的一個重要特性。

CSS層疊的概念比較簡單：當一個HTML元素被多個樣式定義所影響時，瀏覽器會通過層疊規則來確定最終使用哪種樣式。

例如，以下CSS代碼中，div元素的文字顏色應該是什么顏色呢？
div {
color: red;
}
p {
color: blue;
}

根據CSS層疊的規則，當一個元素被多個選擇器同時作用時，瀏覽器會按照以下優先級來確定最終的樣式：

1. 樣式表來源優先級：內聯樣式表 >嵌入樣式表 >外部樣式表

2. 選擇器的特殊性優先級：ID選擇器 >類選擇器 >標簽選擇器

3. 同一選擇器的順序優先級：后面出現的樣式會覆蓋前面出現的樣式

綜合以上三個因素，可以得出上面例子中div元素應該是red （紅色）的。因為div元素和p元素屬于不同的標簽選擇器，div元素的樣式出現在p元素的前面，且都沒有使用ID或類選擇器。

這就是CSS層疊的工作原理。它讓網頁設計者可以更精細地控制元素的樣式，簡化了網頁設計的工作。