在 Web 開發中，CSS 樣式層級是重要的概念。CSS 樣式層級可以確定樣式的優先級，確保 CSS 樣式應用在正確的元素上。

CSS 樣式層級最常見的應用就是對元素樣式的聲明。當同一元素具有不同級別的樣式聲明時，瀏覽器將使用特定規則來決定使用哪一條樣式聲明。

/* style.css 文件 */
p {
font-size: 16px;
color: #000;
}
#container p {
color: #F00;
}
.demo p {
font-size: 18px;
}

在上面代碼中，#container p和.demo p選擇器都應用在<p>標簽元素上。當瀏覽器解析應用了這些樣式的 HTML 文檔時，它將按照以下順序應用這些樣式聲明：

1. 瀏覽器將 HTML 元素與 ID 選擇器相匹配。如果匹配成功，則停止掃描并使用該聲明。
2. 瀏覽器將繼續掃描后代元素，查看它是否匹配類選擇器。如果匹配成功，則停止掃描并使用該聲明。
3. 如果沒有匹配到 ID 或類選擇器，瀏覽器使用元素選擇器。

在上述代碼示例中，如果某個<p>標簽元素同時存在于#container和.demo中，瀏覽器將使用#container p樣式聲明。

這就是 CSS 樣式層級的應用。掌握 CSS 樣式層級可以讓您更好地掌握 CSS 的應用，編寫更優秀的 Web 網頁。