CSS中如何使用變量？ 在CSS中使用變量能夠極大的提高開發者的工作效率，同時也可以讓代碼更加簡潔易讀。變量在CSS中被稱為自定義屬性（Custom Properties）。 在CSS中定義一個自定義屬性可以像下面這樣使用預處理器編寫： ```pre :root { --primary-color: blue; --secondary-color: red; --spacing: 16px; } ``` 在上述代碼中，`:root`表示全局變量，定義了三個不同的自定義屬性：`--primary-color`、`--secondary-color` 和`--spacing`。下面的示例將展示如何將自定義屬性用于CSS樣式中： ```pre .btn { background-color: var(--primary-color); color: var(--secondary-color); padding: var(--spacing); } ``` 在上面的示例中， `var()`函數會引用自定義屬性：`--primary-color`和`--spacing`。 這里的關鍵是這些CSS屬性可以在整個文檔中重復使用，可以輕松更改網站的樣式。 總結 通過使用CSS中的自定義屬性，我們可以輕松地更改整個網站的樣式，同時也能使代碼更加可讀和易于維護。只需要在 `: root` 偽類中添加您想要的屬性名稱即可。然后可以在任何地方使用 `var()`函數來引用該變量。