級聯樣式單(Cascaded Style Sheets, CSS cascades)是一種 CSS 樣式設計技術，可以讓 CSS 規則根據其他 CSS 規則的優先級和條件來應用。在傳統的 CSS 樣式設計中，規則的應用是相對固定的，但是級聯樣式單可以讓 CSS 樣式更加靈活，可以根據具體情況進行調整和修改。

級聯樣式單由一個或多個 CSS 樣式表組成，這些樣式表通過條件聲明和嵌套規則相互組合，形成一個復雜的 CSS 樣式系統。每個樣式表都有一個聲明，描述它所應用的樣式規則，同時也可以包含嵌套規則，這些規則可以嵌套在另一個樣式表中，以獲得更多的限制和條件。

下面是一個簡單的級聯樣式單示例，其中包含一個應用了陰影和漸變效果的樣式表：

```css

/* 應用陰影和漸變效果的樣式表 */

.陰影 {

position: fixed;

z-index: 1;

background-color: #f1f1f1;

border-radius: 5px;

box-shadow: 0px 0px 10px #ccc;

width: 20px;

height: 20px;

/* 陰影漸變效果的樣式表 */

.陰影漸變 {

position: fixed;

z-index: 1;

background-color: #f1f1f1;

border-radius: 5px;

box-shadow: 0px 0px 10px #ccc;

width: 20px;

height: 20px;

transform: translateY(-50%);

/* 漸變色的樣式表 */

.陰影漸變.淺色 {

background-color: #87c2ff;

.陰影漸變.深色 {

background-color: #87ff87;

在這個示例中，`.陰影` 元素被定義為一個固定元素，并且應用了陰影和漸變效果。`.陰影漸變` 元素被定義為一個遞歸嵌套的樣式表，它應用了陰影和漸變效果，并且根據元素的父元素設置了不同的樣式。`.陰影漸變.淺色` 和 `.陰影漸變.深色` 元素則分別應用了不同的漸變色。

使用級聯樣式單可以更好地控制樣式的顯示效果，同時也可以更好地處理復雜的樣式應用。在實際開發中，我們可以將不同的樣式表分組存儲，以便更好地管理和調試樣式。級聯樣式單也可以用來編寫更加靈活的網頁布局，可以讓網頁的布局更加多樣化和靈活。

級聯樣式單是一種非常強大和靈活的 CSS 樣式設計技術，可以讓 CSS 樣式更加靈活，可以根據具體情況進行調整和修改。