CSS 变量(也称为 CSS 自定义属性)允许你在样式表中定义一个可供多个选择器使用的值。 这样,你可以使用这个值来改变整个网站的外观,而不用更改每个选择器的值。
要定义一个 CSS 变量,你需要使用 --
前缀并将变量名称和值放在一对大括号内,例如:
:root {
--primary-color: #333;
--secondary-color: #ccc;
}
CSS 变量(也称为 CSS 自定义属性)允许你在样式表中定义一个可供多个选择器使用的值。 这样,你可以使用这个值来改变整个网站的外观,而不用更改每个选择器的值。
要定义一个 CSS 变量,你需要使用 --
前缀并将变量名称和值放在一对大括号内,例如:
:root {
--primary-color: #333;
--secondary-color: #ccc;
}