CSS引用變量 CSS引用變量是CSS3的一個新特性，它可以讓我們在樣式中使用變量，以便快速而簡單地更新樣式。只需更改變量的值，樣式將自動更新。這使得樣式更易于維護和更新，并且可以大大減少樣式文件的大小，減少編寫樣式的時間和輸入錯誤的機會。 定義變量 變量可以在聲明中定義，并在后續聲明中引用。 ```css :root { --main-color: #ff0000; } p { color: var(--main-color); } ``` 在上面的示例中，我們在:root偽類中聲明了一個變量--main-color，并在后續P元素中引用了它。 引用變量 在樣式聲明中，我們可以使用var()函數來引用一個變量值。 ```css p { color: var(--main-color); } ``` 在上面的示例中，我們將--main-color變量的值用作P元素的顏色。 關于變量的注意事項 變量名以兩個連字符（--）開頭，并且可以由字母、數字、破折號或下劃線組成。 變量必須位于所有其他屬性聲明之前。 變量值可以是任何CSS值，包括數字、字符串、顏色或其他。 變量的作用域是定義它的聲明塊之內。此外，在:root偽類中定義的變量可以全局使用。 如果使用變量的元素的上下文中沒有聲明該變量，那么將應用var()的默認值。 總結 使用CSS引用變量，我們可以更快地編寫和維護樣式，減少樣式代碼的數量，并降低編輯錯誤的機會。對于任何網站的設計者和開發者，這都是一個非常有用的特性。