CSS層疊性是CSS的一個非常重要的概念，也是CSS能夠實現如此強大的樣式控制的關鍵。簡單地說，層疊性是指對于同一個元素的多個樣式規則，它們的應用順序是有規律的，也就是按照不同程度的優先級逐層疊加。

/* 樣式規則 */
p {
color: red;
}
/* 另一個樣式規則 */
p {
color: blue;
}
/* 最終應用的樣式規則 */
p {
color: blue;
}

在上例中，我們可以看到有兩個p標簽的樣式規則，它們都設置了color屬性，但是顏色不同。因為CSS有層疊性，所以只有最后一個樣式規則才會被應用。這種情況下，藍色會覆蓋紅色。

但是，CSS的層疊性不是簡單的覆蓋，它有一套自己的規則來決定優先級。這些規則可以歸為以下幾種：

• 樣式規則: 根據樣式規則的特殊性來決定優先級，同樣特殊的情況下按照后定義的規則覆蓋先定義的規則。
• ID選擇器: 擁有ID選擇器的樣式規則優先級最高。
• 類別選擇器和屬性選擇器: 擁有類別選擇器和屬性選擇器的樣式規則優先級稍低于ID選擇器。
• 元素選擇器: 擁有元素選擇器的樣式規則優先級最低。
• 重要性: 使用!important關鍵字可以使得樣式規則的優先級最高，優先級高于所有其他規則。
• 繼承性: 在子元素繼承父元素的屬性時，父元素樣式規則的優先級高于其他與子元素相關的規則。

因此，如果兩個樣式規則特殊性相同，使用!important的樣式規則優先級最高；如果沒有使用!important，那么最后定義的規則優先級最高。同時，ID選擇器和類別選擇器的優先級也比元素選擇器高。

總的來說，CSS的層疊性非常靈活和強大，但是需要我們根據需要正確的設置樣式規則和選擇器，才能實現想要的效果。