CSS 變量是一種方便的方式，可以將樣式中重復的值存儲為變量，并在需要時輕松進行更改。CSS 變量的語法為：--變量名: 變量值。 要使用 CSS 變量，您需要在樣式中使用:root 偽類，這將把變量定義應用于整個文檔： ``` :root { --主色: #008CBA; --font-size: 14px; } ``` 將變量定義為 :root 偽類的一部分將使其在整個文檔中可用。您可以使用任何名稱來定義變量，但名稱必須以兩個連字符（-）開頭。 您可以在樣式規則中使用自定義屬性，以便引用這些變量： ``` p { color: var(--主色); font-size: var(--font-size); } ``` 使用 var() 函數，您可以對 CSS 變量進行引用。 當您需要更改變量的值時，請使用:root 偽類重新定義變量的值： ``` :root { --主色: red; } ``` 這樣，整個文檔中引用這個變量的元素都會自動更新為新的值。 總結來說，CSS 變量是一種很方便的方式，可以將樣式中重復的值存儲為變量，并在需要時輕松進行更改。通過使用:root 偽類，可以在整個文檔中使用這些變量。通過在樣式規則中使用 var() 函數，可以引用這些變量。