CSS3引入了一種新的功能，即使用變量來存儲和復用CSS值。使用CSS變量可以更方便地維護樣式，因為我們只需要更改變量的值，而不必單獨修改每個元素的CSS樣式。

要在CSS中定義變量，我們使用--前綴，并在變量名后添加值。例如：

--primary-color: #007bff;

這將定義一個名為primary-color的變量，它的值為藍色（#007bff）。

為了在CSS中使用變量，我們使用var()函數，并在函數中引用變量名。例如：

color: var(--primary-color);

這將把文本顏色設置為我們定義的primary-color變量的值。如果我們想在多個元素中使用相同的顏色，我們只需更改定義變量的值即可。

CSS變量還支持繼承和媒體查詢。在一個元素中定義的變量可以在它的后代元素中訪問，就像其他CSS屬性一樣。在媒體查詢中，我們可以覆蓋變量的值，以適應不同的設備或屏幕尺寸。

綜上所述，CSS變量是CSS3的一個強大功能，它可以幫助我們更輕松地維護CSS樣式，并提供了更好的靈活性和可讀性。如果你還沒有嘗試過使用CSS變量，那么趕快嘗試一下吧！