CSS原生变量及使用函数var()

CSS原生变量是CSS3中引入的一项功能，它们允许开发者定义并重用自己的变量。这些变量可以存储颜色、长度、字体等各种值，并在整个样式表中使用。而CSS函数var()则用于引用这些原生变量。

下面是一个示例，展示了如何定义和使用CSS原生变量及var()函数：

:root {
   
  --primary-color: #FF0000;  /* 定义一个名为primary-color的原生变量，并将其值设置为红色 */
  --font-size: 16px;  /* 定义一个名为font-size的原生变量，并将其值设置为16像素 */
}