前端css中class中变量

在端的CSS中，class中并没有变量的概念。class是用来定义元素的样式的，而不是用来存储数据的。

但是，CSS中可以使用变量来存储和重复使用值。这些变量称为CSS变量或自定义属性（Custom Properties）。

下面是一个示例代码：

:root {
  --main-color: #ff0000;
}

.my-element {
  color: var(--main-color);
  background-color: var(--secondary-color, #000000);
}

在这个示例中，`:root`伪类用于定义全局的CSS变量，也称为根元素。`--main-color`是一个CSS变量，它存储了颜色值`#ff0000`。`.my-element`类使用`var()`函数来引用这个变量，从而将颜色应用于文本的颜色属性。`--secondary-color`是另一个CSS变量，它存储了颜色值`#000000`，并且被应用于元素的背景颜色属性。如果没有定义`--secondary-color`，则使用默认值`#000000`。

需要注意的是，CSS变量只能在CSS中使用，不能够在JavaScript中访问。