【微信小程序】什么是WXML/什么是WXSS


1.WXML (WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的HTML。

2.WXML与HTML的区别

标签名称不同

属性节点不同

提供了类似于Vue中的模板语法

数据绑定
列表渲染
条件渲染
//////////////////////////////////////////////////////////////////////

1.WXSS(weixin Style Sheets)是一套样式语言,用于描述wXML的组件样式,类似于网页开发中的CSS。

2.WXSS和CSS的 区别

新增了rpx尺寸单位

CSS中需要手动进行像素单位换算,例如rem
WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算
提供了全局样式和局部样式
项目根目录中的app.wxSS会作用于所有小程序页面
局部页面的.wxSs样式仅对当前页面生效

wxss仅支持部分css选择器

.class和#id
element
并集选择器、后代选择器
::after和 ::before 等伪类选择器

相关