网站专题BANNER

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

发表日期:2020-07-25 15:30:51 文章编辑:洛壹网络 文章来源:深圳网站建设

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


定义css变量

:root{

    --color:red;

}


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

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



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


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


相关内容
我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器