CSS全局變量可以讓我們在整個CSS文件中使用相同的值，這個值只需要定義一次，就可以在后續的CSS代碼中引用它。

:root {
--main-color: #f00;
--secondary-color: #0f0;
}

在上面的代碼中，我們在最外層選擇器上定義了兩個全局變量，--main-color和--secondary-color。我們可以在整個CSS文檔中使用它們，方法就是使用var()函數。

p {
color: var(--main-color);
background-color: var(--secondary-color);
}

上面的代碼中，我們在p選擇器中使用了--main-color和--secondary-color變量，它們會分別被替換為#f00和#0f0。

如果需要修改全局變量的值，只需要在:root選擇器中重新為它們賦值即可。

:root {
--main-color: #00f;
--secondary-color: #ff0;
}