有一些需求,如动态切换界面主题,就需要通过js去控制css。
对应的实现方案也有很多,如Less中的modifyVar,这里推荐一种兼容性比较好的做法,使用浏览器原生支持的——CSS变量。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties
首先在根css文件头部(如index.css或App.css之类的)声明变量以及默认值,以双短横线--开头。
:root{ --show-bullet: visible; };