在CSS中，我們經常會使用類似以下的代碼來定義鏈接樣式：

a {
color: blue;
text-decoration: none;
}

然而，在文件中多次重復定義這段樣式可能會使代碼變得臃腫，并且在之后需要修改時也不太方便。為了解決這個問題，我們可以將這段樣式定義在一個變量（Variable）中，然后在代碼中引用它。

定義變量使用“--”加上變量名。在這個例子中，我們將顏色和文本裝飾的樣式放在一個叫做“link-style”的變量中：

:root {
--link-style: blue none;
}
a {
color: var(--link-style);
text-decoration: var(--link-style);
}

通過使用“var()”函數，我們可以在代碼中引用這個變量。這樣做的好處是如果之后需要修改這個鏈接樣式，只需要在變量中修改即可，而不需要在所有鏈接樣式的位置修改。

此外，“var()”函數還有一個好處，那就是可以避免在變量未定義時出現錯誤。如果我們在代碼中使用一個不存在的變量，那么代碼會出現解析錯誤。但是，如果我們使用“var()”函數并設置一個默認值，就可以避免這個問題：

a {
color: var(--link-style, blue);
text-decoration: var(--link-style, none);
}

在這個例子中，如果“--link-style”變量未定義，那么“color”默認為藍色，而“text-decoration”默認為不加裝飾。

使用變量在CSS中是很常見的，它不僅可以讓我們的代碼更簡潔，而且更加靈活和易于維護。