wxss和css的区别

一、WXSS(WeiXin Style Sheets)

1.新增了rpx（responsive pixel）尺寸单位

· CSS中支持多种长度，例如rem，em、rem、vh、vw

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

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

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

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

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

1.class 和 #id

2. element

3.并集选择器、后代选择器

4. ::after 和 ::before 等伪类选择器

4. 组件和属性的支持

WXSS 针对微信小程序的组件进行了样式支持的优化，一些样式属性在小程序中有特殊的表现，如 flex 布局在微信小程序中得到了更好的支持。CSS 则主要针对标准的网页元素和布局进行支持。

5.样式继承：

WXSS：WXSS 不支持样式的继承，每个元素的样式需要单独定义。
CSS：CSS 支持样式的继承，子元素可以继承父元素的样式。