微信小程序————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标记