如何使用js来修改sass和less变量

这里使用sass举例，less同理可以使用

 

定义css变量

:root{

    --color:red;

}

 

定义sass变量,使用css的变量值

$sassColor:var(--color:red);

 

最后使用js修改css变量值来修改sass的变量值，这个方法也可以绕过浏览器兼容问题让ie也可以使用css变量，但是需要让服务器监听sass文件进行时实监听编译

document.getElementsByClassName('body')[0].style.setProperty('--test', 'blue');