CSS層疊水平是指在Web開發中，當多個CSS規則共同作用于一個元素時，瀏覽器通過一定的規則決定哪些規則優先級更高，被應用到元素上。

.red {
color: red;
}
p {
color: blue;
}
/*元素樣式*/
Hello World!
/*輸出的樣式*/
color: red;

CSS規則的優先級由四個因素決定，分別是重要性、來源、特殊性和順序。

1. 重要性：HTML中的style屬性及!important聲明的優先級最高，其次是用戶代理樣式表和普通樣式表，最后是默認樣式表。
2. 來源：內聯樣式表的優先級最高，其次是ID選擇器、類選擇器、屬性選擇器，最后是標簽選擇器和通配符選擇器。
3. 特殊性：選擇器中有多個ID選擇器時優先級最高，其次是類選擇器、屬性選擇器、標簽選擇器，最后是通配符選擇器。
4. 順序：最后定義的樣式優先級最高。

/*樣式1*/
p {
color: blue;
}
/*樣式2*/
.red {
color: red;
}
/*樣式3*/
p.red {
color: green;
}
/*輸出的樣式*/
color: green;

在上面的示例中，三個樣式規則都作用于同一個元素

，其中樣式3優先級最高，它特指p且有class為red的元素，故顏色為綠色。

在編寫CSS樣式時，應該盡量減少使用!important聲明，避免過度使用內聯樣式，盡可能使用較為具體的選擇器，以及避免樣式沖突、樣式污染問題。