微信小程序 WXSS和CSS的区别?什么是WXSS?

1.什么是WXSS

wxss全名是WeiXin Style Sheets 是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS。本质上和css没区别,只是在css基础上创新了一些参数,和减少了生僻的用法。

2.WXSS和CSS的区别

        1.新增了rpx尺寸单位

                · CSS中需要手动进行像素单位换算,例如rem

                · WXSS在底层支持新的尺寸单位rpx,在不同大小的屏幕上小程序会自动进行换算

        2.提供了全局的样式和局部样式

                · 项目根目录中的app.wxss会作用于所有小程序页面

                · 局部页面 .WXSS 样式仅对当前页面生效

        3.WXSS仅支持部分css选择器        

                · .class 和 #id

                · element

                · 并集选择器、后代选择器

                · ::after 和 ::before 等伪类选择器

猜你喜欢

转载自blog.csdn.net/weixin_50123771/article/details/128880062