WXSS

Posted 2020-11-22 huangyuanning

不需要在 wxml 中引入 wxss 文件

尺寸单位

1、rpx: 可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx

    page px = 750 rpx

    px = 750 rpx / page

2、calc()

    750 和 rpx 不能有空格

    运算符的两边也不要留空格

样式导入

@import ‘./style.wxss‘;

@import后跟需要导入的外联样式表的相对路径，用;表示语句结束

内联样式

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

选择器

目前支持的选择器有：

.class  

#id     

element     

element, element 

::after     

::before   

全局样式与局部样式

定义在 app.wxss 中的样式为全局样式，作用于每一个页面

在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。