小编Nad*_*med的帖子

我在我的项目中使用css根变量来随时动态更改所有元素的颜色.

我的CSS看起来像

:root{
  --primaryColor:aliceblue;
  --secondaryColor:blue;
  --errorColor:#cc2511;
}

用于css

.contentCss {
  background-color: var(--primaryColor);
} 

我可以按如下方式访问javascript中的变量来动态更改值

document.documentElement.style.setProperty('--primaryColor', 'green');

它工作正常.我想获取数组中的所有变量,并根据这些动态更改每个变量的值.