css的var使用

// 定义--color
.content{
    --color:red;
 }

// 使用--color
.btn-color{
   color:var(--color);
 }

同时，如果需要利用JS更改css变量的值

let content = document.querySelector('.content');
       
 let contentStyle = window.getComputedStyle(content);
// 获取变量--color的值
 let colorVar = contentStyle.getPropertyValue('--color');
        

  // 修改值--color的值
 content.style.setProperty('--color', 'blue');