css变量语法

css变量语法 var

  :root {
        --红色: red;
    }
    
    p {
        background: var(--红色);
    }

:root是一个伪类选择器，里面的属性可以全局进行使用，这是一个放自定义属性的好地方,可以随时更改和添加一些自定义样式

css变量语法是 --* ,
#‘*’代表了我们的变量名称
使用的话是用var（--*） 来进行使用

要改变背景色的话就和上文代码一致即可