在網頁設計中，CSS層疊性是一個重要的概念。簡單來說，它指的是同樣作用于同一元素的多個CSS規則之間的優先級關系。

如果網頁中同時存在多個CSS規則對同一元素進行樣式設置，那么這些規則會按照特定的優先級和層疊順序進行“層疊”。最終，瀏覽器將據此計算出該元素最終的樣式效果。

一個CSS規則的優先級受到其選擇器的特定性、重要性和來源的影響。特定性指的是選擇器的具體性質和權重；重要性則表示該規則的“重要性程度”；來源則是指該規則來自哪一個樣式表。

/* 以下規則中，選擇器的特定性、重要性、來源不同，從而產生優先級關系 */
p {
color: red;
}
p#special {
color: blue;
}
p {
font-size: 20px !important;
}
p {
color: green;
}

當同一元素同時受到以上四個規則的作用時，經過層疊后的結果可能是這樣的：

/* 最終的樣式 */
p {
color: blue;
font-size: 20px !important;
}

可以看到，優先級最高的規則是帶有“!important”聲明的“font-size:20px”。其次是ID選擇器“#special”對應的“color:blue”，以及全局選擇器“p”的“color:green”。

了解CSS層疊性的規則和原理，有助于我們能夠更加精細地掌控網頁樣式效果，同時減少在多個樣式規則共存時產生的不必要的沖突和復雜性。