CSS層疊性是CSS語言一個非常重要的概念，它指的是當多個CSS樣式規則應用在同一個元素上時，這些規則及其屬性如何相互影響和表現的一種特性。

層疊性的應用有助于實現樣式的復用，簡化代碼的書寫和調試，并且提升網頁加載速度和性能。

/* 示例一 */
/* 所有h1元素的顏色為紅色 */
h1 {
color: red;
}
/* .title元素的顏色為藍色 */
.title {
color: blue;
}
/* 將h1元素應用到.title元素上 */
Hello World!
/* 顏色會被.title上的樣式覆蓋，顯示為藍色 */

在上面的示例中，我們通過層疊性將h1元素的樣式應用到了.title元素上，但.title元素自身定義的樣式優先級更高，最終顯示的顏色為藍色。

/* 示例二 */
/* 所有p元素的顏色為藍色 */
p {
color: blue;
}
/* .content元素內的p元素顏色為紅色 */
.content p {
color: red;
}
/* 將h1元素應用到.title元素上 */
Hello World!
/* 顏色會被.content上的樣式覆蓋，顯示為紅色 */

在上面的示例中，我們通過層疊性將.content元素內的p元素顏色定義為紅色，這個樣式優先級更高，因此最終顯示的顏色為紅色。

總結一下，CSS層疊性是CSS語言的一個非常重要的特性，它可以將多個CSS樣式規則應用于同一元素，并決定它們之間的優先級和沖突關系，從而實現CSS樣式的復用和靈活性，并提升網頁的性能和用戶體驗。