CSS是一種用于描述網頁的樣式和布局的語言。在樣式表中，我們通常通過設置樣式屬性的值來改變網頁的外觀和行為。但是，你知道嗎？CSS還有一項比較神奇的特性，就是可以進行數學運算！這在制作一些特殊效果時非常有用，如自適應布局、響應式設計等。

/* 通過CSS實現簡單的數學運算 */
p {
width: calc(100% - 20px);
height: 50px;
background-color: #f8d7da;
}
/* 實現兩個div的寬度之和依次減少 */
div {
width: 100px;
height: 50px;
background-color: #f8d7da;
}
div:nth-child(2) {
width: calc(100% - 120px);
}

在上面的代碼中，我們使用了calc()函數來實現數學運算，它的基本語法是calc(expression)，其中expression可以是數學表達式。calc()函數可以進行加減乘除、百分比以及長度單位換算的計算，非常靈活。

在第一個樣式規則中，我們通過calc(100% - 20px)計算出了p元素的寬度，使其占滿整個容器寬度，但是留出20像素的邊距。這是一個非常實用的技巧，可以實現自適應的布局。

在第二個樣式規則中，我們使用了:nth-child()偽類選擇器來指定第二個div元素（即下方的紅色小塊），并通過calc()函數計算出其寬度為整個容器寬度減去前一個div元素的寬度再減去一定的邊距。這樣就實現了兩個div元素的寬度之和依次減少，非常有趣。

綜上所述，CSS的數學運算特性是一項非常有用的功能，可以為我們開啟更多樣式設計的可能性。當然，在運用時需要注意兼容性和語法規范，不斷探索和實踐才能更好地應用此特性。