在CSS中，變量是一種強(qiáng)大的功能，可以用于存儲(chǔ)和重復(fù)使用特定的值，使用變量可以簡(jiǎn)化代碼，提高可維護(hù)性，使樣式表更加靈活和可重用。

要在CSS中使用變量，首先需要定義變量，可以使用@var關(guān)鍵字來(lái)定義變量，后跟變量的名稱和值。

@var color: #ff0000;

這定義了一個(gè)名為color的變量，其值為#ff0000（紅色）。

可以在樣式規(guī)則中使用變量，假設(shè)有一個(gè)元素需要應(yīng)用紅色背景：

div {
  background-color: @color;
}

這會(huì)將div元素的背景顏色設(shè)置為紅色，因?yàn)?code>@color變量被替換為#ff0000（紅色）。

除了簡(jiǎn)單的賦值外，變量還可以用于更復(fù)雜的計(jì)算或函數(shù)，可以使用@var關(guān)鍵字定義一個(gè)函數(shù)，該函數(shù)接受一個(gè)參數(shù)并返回計(jì)算結(jié)果：

@var func: { $value: #ff0000; return $value; };

然后可以在樣式規(guī)則中使用該函數(shù)：

div {
  background-color: @func();
}

這會(huì)將div元素的背景顏色設(shè)置為紅色，因?yàn)?code>@func()函數(shù)返回了紅色值#ff0000。

CSS中的變量功能非常強(qiáng)大，可以用于存儲(chǔ)和重復(fù)使用特定的值，使樣式表更加靈活和可重用。