CSS文件能用變量嗎？答案是肯定的！事實(shí)上，CSS3引入了一個(gè)新特性——CSS變量（也稱為自定義屬性）。

使用CSS變量可以大大簡(jiǎn)化樣式表，并使其更易于維護(hù)。簡(jiǎn)單來說，CSS變量就像是在CSS中定義的全局變量，可以在需要的地方使用。

定義CSS變量非常簡(jiǎn)單，只需要在根選擇器中使用--開頭的屬性名：

:root {
--primary-color: #007bff;
}

在上面的例子中，我們定義了一個(gè)名為--primary-color的變量，其值為藍(lán)色。

要在CSS中使用變量，只需在聲明中使用var()函數(shù)，如下所示：

/* 使用變量 */
h1 {
color: var(--primary-color);
}

在上面的例子中，我們將--primary-color應(yīng)用于h1選擇器的顏色聲明中。

值得一提的是，定義的變量可以使用其他變量作為其值，從而實(shí)現(xiàn)更加靈活的樣式：

:root {
--primary-color: #007bff;
--secondary-color: var(--primary-color);
}

在上面的例子中，我們將--primary-color作為--secondary-color的值，使得兩個(gè)變量的值相同。

總的來說，CSS變量是一項(xiàng)非常強(qiáng)大的特性，能夠大大簡(jiǎn)化我們的樣式表，并提高其可維護(hù)性。在未來的開發(fā)中，我們應(yīng)該充分利用CSS變量這一新特性。