CSS層級關系是前端開發中非常重要的一部分。通過合理的設置CSS樣式，我們可以輕松地為網頁設計出不同的布局和美觀的外觀。

CSS屬性的層級關系可以歸納為以下幾個層次：

1. 用戶樣式
2. 即時樣式（通過JavaScript等動態設置的樣式）
3. 樣式表中的!important聲明
4. 樣式表中的樣式屬性
5. 繼承屬性

由上述層級關系可知，如果我們想要修改某個樣式，我們需要考慮這個樣式的優先級。比如，如果一個樣式既有行內樣式，又有在樣式表中聲明的樣式，最終呈現在頁面上的將是哪個呢？

這時候CSS的優先級就派上用場了。

1. !important聲明的優先級最高
2. 行內樣式（即在HTML標簽內直接使用style屬性設置的樣式）的優先級次之
3. ID選擇器的優先級為100，Class選擇器的優先級為10，標簽選擇器的優先級為1，直接寫樣式的優先級為0.1
4. 計算選擇器優先級，根據選擇器的各個部分確定的值進行計算，數值越大優先級越高

例如，如下代碼中的樣式聲明，樣式表中的font-size為14px，#demo中的font-size為16px，元素p中的font-size將會被應用為16px。

#demo {
font-size: 16px;
}
p {
font-size: 14px;
}

CSS樣式的層級關系是前端開發中不可避免的一部分。了解這些關系將有助于我們更好地使用CSS，提高網頁的外觀和可讀性。