CSS 本身并不支持加、減等運算,但我們可以借助 CSS 變量和計算函數(calc())來達到這個目的。
:root { --number1: 2; --number2: 3; } p { font-size: calc(var(--number1) + var(--number2)); line-height: calc(var(--number1) - var(--number2)); }
在上面代碼中,我們聲明了兩個 CSS 變量,分別表示要進行運算的數。在屬性中使用 calc() 函數,使用變量進行了加、減運算,計算后得到一個帶有單位的值,作為 font-size 和 line-height 的值。這樣我們就可以通過 CSS 實現一些基本的運算了。