wx小程序开发打包（教你零基础搭建小程序）

wx小程序开发打包（教你零基础搭建小程序）3、在文件 common.wxss 中，写入view 样式，颜色是蓝色，字体是100px2、在项目中新建文件夹styles，并新建文件 common.wxss ，如下图。样式导入的方法：使⽤ @import 语句可导⼊外联样式表，但只⽀持相对路径。接下来，我们简单演示一下如何使用 @import 语句来进行样式导入。1、在app.json中，新建页面 demo06

这一章继续wxss 的讲解，

一是样式导入的使用方法。

二是 wxss 的选择器。

（一）样式导入

在wxss中，直接⽀持样式导⼊功能。

样式导入的方法：使⽤ @import 语句可导⼊外联样式表，但只⽀持相对路径。

接下来，我们简单演示一下如何使用 @import 语句来进行样式导入。

1、在app.json中，新建页面 demo06

2、在项目中新建文件夹styles，并新建文件 common.wxss ，如下图。

3、在文件 common.wxss 中，写入view 样式，颜色是蓝色，字体是100px

如下图：

4、在demo06.wxss 文件中，删掉原先的代码，通过@import 语句来引入，并且路径只能写相对路径，代码如下，保存：

5、在demo06.wxml 文件中，将text 标签改为view 标签，保存，界面如下：

可以看到小程序页面的字体大小和颜色已经变化，样式导入成功！

是不是超简单~~~~

（二）wxss 选择器

wxss的选择器和css 的选择器基本一样，但是有一点需要注意：

wxss 的不支持通配符 * ！！！

以下代码是无效的！ ！！

上述这几行代码在我们进行样式初始化时经常使用，但是现在在小程序当中是不能使用的。

解决方法：将通配符* 修改为标签名，比如：view，text，等，以这个形式来实现初始化的功能

除此之外，所用的选择器的样例和功能解释与css 的是无差的，可参考下图：

文末福利：有童鞋可能不了解css选择器的相关知识，这里我找了一篇文章，有兴趣可看看：

作者：大前端世界

https://www.jianshu.com/p/aee8cf7d0183