案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .blue{ color: var(--primary-color); } .red{ color: var(--success-color); } </style> </head> <body> <p class="blue">我是字体 --primary-color 颜色值</p> <p class="red">我是字体 --success-color 颜色值</p> </body> </html> <script src="commonJs/jquery-1.11.2.min.js"></script> <script> //通过 css 内置函数 var ,使用变量 //设置全局 css 变量 var themeColors="#295ed8"; var red="red"; var cssStyle="--primary-color:"+themeColors+";--success-color:"+red+";"; $("body").attr( "style", cssStyle ); </script>
效果图: