在 CSS 中，層疊是指多個樣式規則同時應用在同一個元素上，形成最終呈現樣式的一種機制。這種機制可以讓我們在不使用內聯樣式的情況下，對同一個元素使用多種樣式方式，從而達到更靈活的排版效果。

層疊的具體實現，主要是通過層疊上下文、權重和特殊性等方式來確定不同樣式規則誰更優先生效。以下是一個用 CSS 層疊實現動態修改按鈕顏色的案例：

button {
background-color: green;
border: none;
color: white;
font-size: 16px;
padding: 10px;
cursor: pointer;
}
.btn-blue {
background-color: blue;
}
.btn-red {
background-color: red;
}
.btn-yellow {
background-color: yellow;
}
.btn-orange {
background-color: orange;
}

上述代碼定義了一個基本的按鈕樣式，以及 4 個不同的顏色擴展樣式。然后我們通過綁定不同類名，來為按鈕應用不同的顏色：

<button>默認顏色</button>
<button class="btn-blue">藍色</button>
<button class="btn-red">紅色</button>
<button class="btn-yellow">黃色</button>
<button class="btn-orange">橙色</button>

這個例子中，所有按鈕都繼承了基本樣式，并且將特定的顏色加到了自己的樣式表中。由于這些擴展樣式定義在基本樣式之后，因此這些樣式將會覆蓋掉原有的屬性，達到了需要的效果。

總之，CSS 層疊機制可以讓我們在不破壞正常排版流程的前提下，靈活地變更元素的樣式。這種機制對于大型網站的樣式管理，以及后期的修改維護非常重要，學習掌握之后才能更好地處理前端開發中的各種問題。