如何通过js动态调整小程序中的css变量样式？

本文共计640个文字，预计阅读时间需要3分钟。

使用Sass或Stylus，可以方便地利用变量进行样式设计。实际上，CSS同样支持变量定义，尽管原生CSS不支持动态语法。在小程序中，由于原生不支持动态CSS，可以使用CSS变量简化开发工作。

基本用法：基础使用方法类似，以下为Sass和Stylus的示例：

Sass:scss$primary-color: #333;

body { color: $primary-color;}

Stylus:styl$primary-color=#333

body color: $primary-color

CSS:css:root { --primary-color: #333;}

body { color: var(--primary-color);}

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。