1.在全局css里定义一个变量, 值为blue
:root{
--theme: blue;
}
2.在js中更改css变量的值
document.documentElement.style.setProperty("--theme","orange");
3.在css中使用变量
.div{
color: var(--theme);
}
1.在全局css里定义一个变量, 值为blue
:root{
--theme: blue;
}
2.在js中更改css变量的值
document.documentElement.style.setProperty("--theme","orange");
3.在css中使用变量
.div{
color: var(--theme);
}