2.7.3 页面样式文件

WXSS（WeiXin Style Sheet）是一套样式语言，用于描述组件的样式，它具有 CSS 的大部 分特性。同时为了更适合小程序的开发，WXSS 对 CSS 进行了扩充及修改。接下来，我们将 从尺寸单位、样式导入、所支持的选择器 3 个方面介绍 WXSS。

关于尺寸单位的信息，请参考表 2-17。

内联样式表示在框架组件上支持使用 style、class 属性来控制组件的样式。

使用@import 语句可以导入外联样式表。@import 后跟需要导入的外联样式表的相对路 径，用分号（；）结束语句。

示例代码如代码清单 2-58 所示。

代码清单 2-58

/** common.wxss **/.small-p {
padding:5px;
}
/** app.wxss **/@import"common.wxss";
.middle-p {
padding:15px;
}

目前 WXSS 支持类选择器、ID 选择器、标签选择器、选择器分组（element,element）、伪 元素选择器（::after，::before）。前 3 种选择器的具体用法请参考表 2-5。表 2-18 列出了表 2-5 未涉及的 3 种选择器的用法。