如何使用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');