这里是文章模块栏目内容页
小程序的wxss里怎么定义css变量

在浏览器的web页面里面,css文件定义样式变量通常采用.

换成在小程序的wxss页面里写样式,定义全局变量采用 page标签开始。两种写法的对比如下:

在css文件中

:root{
--green: green;
--black: black;
}
/*应用变量*/
.font-green{
  color: val(--green)
}
.font-black{
   color: val(--black)
}

在wxss文件中:

page{
--green: green;
--black: black;
}
/*应用变量*/
.font-green{
  color: val(--green)
}
.font-black{
   color: val(--black)
}

好了,本文内容全部结束。感谢您的阅读,虽然是小小的区别,但是不知道的情况下 ,怎么也想不到吧,哈哈,就是这么简单。