:root {
--primary-color: #ff0000;
}在这个例子中，大家定义了一个名为“primary-color”的变量，并将其设置为红色。
要在样式中使用这个变量，大家可以通过var()函数来调用它。例如：
h1 {
color: var(--primary-color);
}在这个例子中，大家将标题的颜色设置为大家定义的变量“primary-color”的值。
使用CSS变量可以使大家的代码更加易于维护和优化。大家可以在一个地方定义所有的颜色、字体大小和边距，并在整个样式表中重复使用它们。如果大家想改变一个值，只需要在定义中更改一次，而不需要在整个样式表中寻找它。
此外，与其他预处理器不同，CSS变量不需要编译器即可使用。这使得CSS变量的学习和使用变得更加简单和灵活。
总之，CSS变量是一个非常有用的工具，可以节省时间和精力，同时使大家的代码更加优化和易于维护。