微信小程序————1wxss和css的部分区别

集成微信提供 的weui进微信小程序wxss

最开始将weui.css 全部复制进入app.wxss里面,发现跑不起来。

搜索了下,常见原因有如下几点:

截止2016。11.14日,

wxss和css的部分区别

不支持:first-child这类写法,

不支持:active

不支持:checked

不支持自定义字体

@font-face {

font-weight: normal;

font-style: normal;

font-family: "weui";

.a>.b

.a~.b

没有body,html这些鬼dom

不支持keyframe动画

不支持 [class^="icon-"]

:before :after 改成 ::before ::after

a p span h1 h6等这些标记可以改成相应的view text等

img -> image

input -> <input /> 加上结束标记

checkbox 改成 <checkbox ></checkbox> radio image 等类似,严谨的均要有结束标记

text内部只能有text标记