什么是CSS層疊樣式？

CSS層疊樣式（Cascading Style Sheets）是一種用于定義網頁樣式的技術。它由多個樣式規則組成，每個規則包含了一個或多個屬性（如顏色、字體、背景、邊框等等），用于指定網頁元素（如標簽、類、ID等）的樣式。

層疊樣式表的“層疊”指的是多個樣式規則之間的優先級關系。當多個樣式規則應用到同一元素時，它們會按照一定的優先級順序進行組合以產生最終的樣式。這種優先級順序稱為“層疊上下文”（Cascading Context）。

層疊上下文的優先級從高到低依次為：

1. !important聲明
2. 行內樣式（如style屬性）
3. ID選擇器（如#id）
4. 類/屬性選擇器（如.class、[attribute]）
5. 標簽選擇器（如div、p、a等等）
6. 通配符選擇器（*）
7. 瀏覽器自帶屬性（如outline、cursor等等）

當元素同時存在多個樣式規則時，會根據它們的優先級順序進行覆蓋。例如：

p {
color: blue;
font-size: 14px;
}
#special {
color: red;
}

上面的代碼中，p標簽的樣式規則的優先級為4（標簽選擇器），而ID選擇器的優先級為3，比標簽選擇器高，因此ID選擇器的color屬性值（紅色）將覆蓋標簽選擇器的color屬性值（藍色）。

通過理解CSS的層疊樣式機制，我們可以更加靈活地控制網頁的樣式，使其更加美觀、易讀、易用。