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

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

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

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

在上面的例子中，我們定義了一個名為--primary-color的變量，其值為藍色。

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

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

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

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

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

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

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