如何使用css变量

CSS 变量(也称为 CSS 自定义属性)允许你在样式表中定义一个可供多个选择器使用的值。 这样，你可以使用这个值来改变整个网站的外观，而不用更改每个选择器的值。

要定义一个 CSS 变量，你需要使用 -- 前缀并将变量名称和值放在一对大括号内，例如：

:root {
  --primary-color: #333;
  --secondary-color: #ccc;
}