CSS是Web開發中至關重要的一部分，它可以讓我們實現各種各樣的樣式效果，其中最重要的特性就是層疊（Cascading）。

層疊是指在同一元素上應用多個不同的CSS規則時，它們會按照一定的規則產生最終的樣式效果。

這里有三個重要的概念需要理解：

1. 屬性優先級 CSS屬性有不同的優先級，當多個規則都應用在同一元素上時，屬性優先級會決定最終應用哪個規則的屬性。CSS屬性的優先級順序從高到低依次是：!important >行內樣式 >ID選擇器 >類選擇器 / 屬性選擇器 / 偽類 >元素選擇器 / 偽元素

.hot {
color: red !important; /* 優先級最高 */
}
#nav a {
color: green;
}
a {
color: blue;
}

2. 特殊性 特殊性也是決定CSS規則優先級的一個因素，其作用是用來區分不同選擇器對同一個元素應用樣式的優先級。其中ID選擇器的特殊性最高。特殊性計算方法：一個選擇器的特殊性值由四個部分組成，分別是：ID選擇器的個數、類選擇器 / 屬性選擇器 / 偽類的個數、元素選擇器 / 偽元素的個數、行內樣式指定的樣式。

/* 特殊性為 1,0,1,0 （ID選擇器數量，類選擇器數量，標簽選擇器數量，行內樣式）*/
#header .logo {
font-size: 16px;
}
/* 特殊性為 0,1,1,0 */
nav ul li {
font-size: 14px;
}
/* 特殊性為 0,0,4,0 */
div p span em {
font-size: 12px;
}
/* 特殊性為 0,0,0,1 */
<p style="font-size: 10px;"></p>

3. 繼承 一些特定的CSS屬性可以被子元素繼承，這些屬性被稱為繼承屬性。如color、font-size等。

由于層疊的存在，我們可以用CSS來實現很多強大的樣式效果，同時也需要注意在編寫樣式時合理利用優先級、特殊性和繼承等各項規則。