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