在进行网页开发时，我们经常创建 global.css、base.css 或者 reset.css 作为全局样式文件进行重置样式或者样式统一，然后在每个页面或者组件中写当前页面或者组件的局部样式，小程序中也存在全局样式和局部样式：
- 全局样式：指在 app.wxss 中定义的样式规则，作用于每一个页面，例如：设置字号、背景色、宽高等全局样式；
- 局部样式：指在 page.wxss 中定义的样式规则，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器（局部覆盖全局）；
下面通过代码进行验证，打开微信开发者工具，找到 app.wxss 文件（由于我们集成了 Sass，可以将后缀名修改为 .scss，即 app.scss），我们选择对 text 组件进行样式重写：
可以发现使用到 text 组件的页面中的样式发生了变化，说明我们的样式修改生效了；
接下来进入到 cate 页面文件夹中，在 cate.scss 中定义局部样式用于覆盖全局样式，具体如下：
注意，在局部样式中定义的样式，只能作用于当前这一个页面；
参考视频：尚硅谷微信小程序开发