微信小程序如何设置全局样式

这篇博客介绍了小程序中wxss与传统css的区别,特别是wxss不支持全局选择器*。作者提供了一种定义全局样式的解决方案,即在app.wxss文件中为page设置样式。这种方式实际上依赖于元素的继承,而非真正的全局选择器。文中还提到,只有有限的基本样式如color和font可以被继承。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

wxss其实和css基本是一样的
只是少了些选择器
最要命的还是
我们之前css写全局样式 都是

#{
    color:blue;
}

但是 小程序的wxss是没有 星号这个全局选择器的
那我们该如何定义一些全局的样式呢
首先我们需要找到项目根目录下的app.wxss文件,如果没有,可以自己在项目根目录下建一个
在这里插入图片描述
然后在app.wxss中给page添加样式
这样你写给page的样式就能作用于全局了
app.wxss参考代码如下

page{
    color:blue;
}

设置全局字体颜色为蓝色。
但其实这并不是定义全局样式,而是下面的元素继承了根节点样式
而且能被继承的样式也少的可怜
只有 font 和 color这些基本样式可以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值