css的变量,css怎么定义变量,css变量作用域,css variables,css-in-js,css中使用js变量
CSS 变量（也称为自定义属性）允许在 CSS 中使用类似于 JavaScript 的变量，并可以在多个 CSS 规则中共享和重用。这些变量以 "--" 开头并写在选择器内，然后可以在整个文档中通过 var() 函数来引用。

以下是一个简单的示例：

CSS 样式：


:root {
--primary-color: #007bff;
}

.button {
background-color: var(--primary-color);
}


HTML 代码：


<button class="button">Click me!</button>


在上面的例子中，我们定义了一个名为“--primary-color”的 CSS 变量，它的值为“#007bff”，然后我们在“.button”选择器中使用 var() 函数来引用该变量，从而将其应用于按钮元素的背景颜色。